/*
                    _                      
   ____ ___  ____ _(_)___   _______________
  / __ `__ \/ __ `/ / __ \ / ___/ ___/ ___/
 / / / / / / /_/ / / / / // /__(__  |__  ) 
/_/ /_/ /_/\__,_/_/_/ /_(_)___/____/____/  
                                           
*/

/* TEMPORÄRER FIX FÜR GDC-LISTEN ATTRIBUTE */

.gdc-list .gdc-attributes {
    display: none;
}

.language-switch {
    display: none !important;
}

/* -----------------------------------------------
Overwrites
----------------------------------------------- */
/* Ticket #2470 */
.container.grey-background {
 background: rgba(34, 37, 49, 0.1);
}

/* Ticket #2471 */
.container-image > .image-copyright {
    top: calc(var(--header-height) + 10rem);
}
.neos-backend-disabled, .neos-backend-disabled * {
    opacity: 1 !important;
    cursor: auto !important;
    pointer-events: all !important;
    -ms-filter: "alpha(opacity=100)" !important;
    text-align: inherit;
}
.accordion-title h4 i {
    position: inherit;
}

/* -----------------------------------------------
EILMELDUNG STARTSEITE
----------------------------------------------- */

.eilmeldung {
    display: none;
}
.homepage .eilmeldung {
    display: block;
    background: var(--theme-color-preset-two);
    position: absolute;
    left: 0;
    right: 0;
    top: 9rem;
    z-index: 1;
}
.homepage .eilmeldung .pageteaser .pageteaser-teaser {
    margin: 1rem 0 !important;
}
.eilmeldung .pageteaser-text-content {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    column-gap: 1rem;
    row-gap: .5rem;
}
@media (max-width: 1100px) {
    .homepage .eilmeldung {
        top: 3.75rem;
    }
}
.eilmeldung .pageteaser-text-content > * {
    margin: 0 !important;
}
.eilmeldung .pageteaser-text-content .button a > span {
    background: #222531;
    border-color: #222531;
    color: var(--theme-color-preset-two);
  }
.eilmeldung .pageteaser-text-content h3,
.eilmeldung .pageteaser-text-content p {
    font-size: 1.25rem;
    line-height: 1.3;
    text-align: center;
}
.eilmeldung .pageteaser-text-content h3::before {
    content: "\f05a";
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
}

/* -----------------------------------------------
Ticket #2263 - Tabellenbreiten
----------------------------------------------- */
.table-100 .table table {
	width: 100%;
	display: block;
}
.table-100 .table table thead{
	display: block !important;
}
.table-100 .table table thead tr{
	display: block !important;
}
.table-100 .table table thead tr th{
	display: block !important;
}
.table-100 .table table tbody{
	display: block !important;
}
.table-100 .table table tbody tr{
	display: block !important;
}
.table-100 .table table tbody tr td{
	display: block !important;
}


.table-75 .table table {
	width: 75%;
	display: block;
}
.table-75 .table table thead{
	display: block !important;
}
.table-75 .table table thead tr{
	display: block !important;
}
.table-75 .table table thead tr th{
	display: block !important;
}
.table-75 .table table tbody{
	display: block !important;
}
.table-75 .table table tbody tr{
	display: block !important;
}
.table-75 .table table tbody tr td{
	display: block !important;
}


.table-50 .table table {
	width: 50%;
	display: block;
}
.table-50 .table table thead{
	display: block !important;
}
.table-50 .table table thead tr{
	display: block !important;
}
.table-50 .table table thead tr th{
	display: block !important;
}
.table-50 .table table tbody{
	display: block !important;
}
.table-50 .table table tbody tr{
	display: block !important;
}
.table-50 .table table tbody tr td{
	display: block !important;
}

/* -----------------------------------------------
Plattform
----------------------------------------------- */

.grid-disabled .pageteaser-text-content {
    position: inherit;
    padding: 0;
}
.navigation-main .navigation li a {
    font-size: .87em;
}
.accessibility {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 110px;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all .25s ease;
}
.contrast-switch > span {
    display: none;
}
.gdc-list .report-table.contacts th:nth-of-type(3),
.gdc-list .report-table.contacts th:nth-of-type(5),
.gdc-list .report-table.contacts td:nth-of-type(3),
.gdc-list .report-table.contacts td:nth-of-type(5) {
    display: inherit;
}
.change-contrast::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--theme-color-preset-two);
    transition: all .25s;
    visibility: hidden;
    opacity: 0;
}
.change-contrast:hover::after,
.change-contrast:focus-visible::after {
    visibility: visible;
    opacity: 1;
}
@media (min-width: 1024px){
.accessibility-content {
    top: 115%;
    z-index: 1000;
}
.contrast-switch .change-contrast > i {
    margin: 0 0.5em 0.75em 0;
}
}
@media (max-width: 1100px) {
a.accessibility-toggle, .contrast-switch span, .fontsize-notice {
    display: none;
}
}
  
  
  /* -----------------------------------------------
  TEXT DEFAULT COLORS
  ----------------------------------------------- */
  
  .default-text {
      color: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    BUTTON DEFAULT COLORS
    ----------------------------------------------- */
    
    .button.solid.default-background a > * {
        background: var(--theme-color-preset-two);
        border-color: var(--theme-color-preset-two);
        color: #FFF;
    }
    .button.solid.default-background a:hover > *,
    .button.solid.default-background a:focus > *,
    .button.solid.default-background a:active > * {
        background: #222531;
        border-color: #222531;
        color: var(--theme-color-preset-two);
    }
    .button.ghost.default-background a:hover > *,
    .button.ghost.default-background a:focus > *,
    .button.ghost.default-background a:active > * {
        background: var(--theme-color-preset-two);
        border-color: var(--theme-color-preset-two);
        color: #FFF;
    }
    .pageteaser-text-content .button a > span {
      background: var(--theme-color-preset-two);
      border-color: var(--theme-color-preset-two);
      color: #222531;
    }
    .pageteaser-text-content .button a:hover > span,
    .pageteaser-text-content .button a:focus > span,
    .pageteaser-text-content .button a:active > span {
      background: #222531 !important;
      border-color: #222531 !important;
      color: var(--theme-color-preset-two) !important;
    }
    .back-to-top .button a {
      background: rgba(245, 207, 0,.9) !important;
      border: none !important;
      color: #222531;
      box-shadow: 0 0 15px rgba(0,0,0,.25);
    }
    .back-to-top .button a * {
      border: none;
    }
    .back-to-top .button a i {
      padding: .8rem 1rem;
      width: auto;
      margin: 0;
    }
    .button .button-content > span:empty {
      display: none;
    }
    
    /* -----------------------------------------------
    CONTAINER DEFAULT COLORS
    ----------------------------------------------- */
    
    .container.default-background {
        background: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    MEHRSPALTER DEFAULT COLORS
    ----------------------------------------------- */
    
    .mehrspalter.default-background {
        background: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    JUMPMARKS
    ----------------------------------------------- */
    
    .jumpmarks:focus-within {
        background: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    NAVIGATION TOP
    ----------------------------------------------- */
    
    .is-sticky .navigation-main .navigation > li > a::after {
        border-bottom-color: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    ARTICLE
    ----------------------------------------------- */
    
    .progress-bar {
      background-color: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    OFFCANVAS-MENU
    ----------------------------------------------- */
    
    .offcanvas {
        background: var(--theme-color-preset-two);
    }
    
    /* -----------------------------------------------
    MEDIA-QUERIES
    ----------------------------------------------- */
    
    /*@media(max-width: 1350px) {
        .article-site .offcanvas-toggle .line,
        .header.is-sticky .offcanvas-toggle .line,
        .noscroll .offcanvas-toggle .line {
            background-color: var(--theme-color-preset-two);
        }
    }*/
  
    
  /*
     __  __                       ___
    / /_/ /_  ___  ____ ___  ___ <  /_______________
   / __/ __ \/ _ \/ __ `__ \/ _ \/ // ___/ ___/ ___/
  / /_/ / / /  __/ / / / / /  __/ // /__(__  |__  )
  \__/_/ /_/\___/_/ /_/ /_/\___/_(_)___/____/____/
  
  
  */
  
  /* -----------------------------------------------
  GENERAL
  ----------------------------------------------- */
  
  body {
      margin: 0;
      font-size: 1.25em !important; /*Override digiPortal font-size*/
      font-family: neue-haas-grotesk-display, sans-serif;
      line-height: 1.5;
      position: relative;
      overflow-x: hidden;
      color: #222531;
      --header-height: 145px;
      --initial-header-height: 145px;
      --fixed-header-height: 100px;
      --theme-color-preset-one: #222531;
      --theme-color-preset-two: #F5CF00;
      height: -webkit-fill-available;
  }
  /* body.scrolled {
      --header-height: 70px;
  } */
  body.noscroll {
      overflow: hidden;
  }
  * {
      box-sizing: border-box;
      word-break: break-word;
      hyphens: none;
      -webkit-hyphens: none;
      scroll-margin-top: var(--fixed-header-height);
  }
  a {
      outline: none;
      color: inherit;
	  text-underline-offset: 0.25em;
	  text-decoration: underline;
  }
  a:hover {
	  text-decoration: underline;
	  text-decoration-color: var(--theme-color-preset-two) ;
	  text-decoration-thickness: 0.18em;
  }
  a:focus-visible {
      outline: 2px solid #000;
      outline-offset: 2px;
  }
  header a:focus-visible {
      outline: auto !important;
  }
  main ul,
  main ol {
      margin: 0 0 1rem 0;
  }
  main ul {
      list-style-type: none;
      padding: 0;
  }
  main ul li {
      padding: 0 0 0 1rem;
      position: relative;
  }
  main ul li::before {
      content: "\f054";
      font-family: 'Font Awesome 5 Free';
      font-weight: 600;
      padding-right: .5rem;
      font-size: .9em;
      position: absolute;
      left: 0;
      top: 0;
      line-height: 1.7;
  }
  p {
      margin: 0 0 1rem 0;
  }
  svg {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  img {
      width: 100%;
  }
  .modal img {
      height: auto;
  }
  img + div,
  form + div {
      background-image: none !important;
  }
  form li::before,
  form ul::before {
      display: none;
  }
  strong,
  b {
      font-weight: 600;
  }
  .stage {
      position: relative;
      z-index: 1;
  }
  div::after {
      content: "";
      clear: both;
      display: table;
  }
  
  /* -----------------------------------------------
  PRINT
  ----------------------------------------------- */
  
  @media print {
      * {
        -webkit-print-color-adjust: exact;
      }
      #header,
      #footer,
      .jumpmarks,
      iframe,
      .progress-container {
          display: none !important;
      }
  }
  
  
  /* -----------------------------------------------
  DIGIPORTAL
  ----------------------------------------------- */
  .gdc-list .SearchInfoText {
    display: none;
  }
  .gdc-list-rental + button, .gdc-list + button {
    border-radius: 0;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-size: 1.1rem;
    text-transform: none;
  }
  .gdc-list-rental + button:hover, .gdc-list + button:hover {
    background: var(--theme-color-preset-two);
    color: #222531;
  }
  .button.solid.black-background a > * {
    background: var(--theme-color-preset-one);
    border-color: var(--theme-color-preset-one);
  }
  .button.solid.black-background a:hover > *, .button.solid.black-background a:focus > *, .button.solid.black-background a:active > * {
    background: var(--theme-color-preset-two);
    border-color: var(--theme-color-preset-two);
    color: #222531;
  }
  .main .gdc-time + .gdc-title {
      grid-row-start: 1;
  }
  .main .gdc-object {
    padding: 0;
    border-bottom: none;
    grid-template-columns: minmax(188px, auto) 2fr;
    margin-bottom: 1.95rem;
  }
  .main .gdc-title {
      font-size: 1.25em;
      line-height: 1.2;
  }
  .gdc-description {
      font-size: 1.25rem;
  }
  .do-datetime {
      font-size: 1rem;
  }
  .do-datetime-table th:nth-child(4), .do-datetime-table td:nth-child(4) {
      display: none;
  }
  .do-datetime table td {
      word-break: initial;
  }
  .main .do-detail h1 {
      margin: 0 0 2rem 0;
      font-size: 3em;
      font-weight: 600;
      text-transform: none;
      line-height: 1;
  }
  .gdc-date i, .gdc-time i {
      display: none;
  }
  .gdc-time > span > span {
      display: none;
  }
  .gdc-date, .gdc-time {
      font-weight: bold;
      margin-right: .25rem !important;
  }
  .gdc-date > span {
    margin-right: 0;
  }
  .gdc-date > span::after {
      content: ", ";
  }
  .gdc-description {
      font-size: inherit !important;
  }
  .slider-content > .container:not(:first-child) {
    display: none;
  }
  
  /* -----------------------------------------------
  DARKMODE
  ----------------------------------------------- */
  
  body.dark {
      --theme-darkmode-foreground-one: #FFF;
      --theme-darkmode-background-preset: #0e0e0e;
      --theme-darkmode-background-default: #000000;
  }
  
      /* -----------------------------------------------
      GENERAL
      ----------------------------------------------- */
  
      body.dark {
          background: var(--theme-darkmode-background-preset);
          color: var(--theme-darkmode-foreground-one);
      }
      body.dark a {
          color: var(--theme-darkmode-foreground-one);
      }
      body.dark .button.solid.white-background a > * {
          background: var(--theme-darkmode-background-preset) !important;
          border-color: var(--theme-darkmode-background-preset) !important;
          color: var(--theme-darkmode-foreground-one) !important;
      }
  
      /* -----------------------------------------------
      JUMPMARKS
      ----------------------------------------------- */
  
      body.dark .jumpmarks:focus-within {
          background: var(--theme-darkmode-background-default);
      }
      body.dark .jumpmarks a:focus {
          color: var(--theme-darkmode-background-default);
      }
  
      /* -----------------------------------------------
      START TEASER
      ----------------------------------------------- */
  
      body.dark .start-teaser .text::after {
          background: var(--theme-darkmode-background-preset);
      }
      body.dark .start-teaser a::before {
          background: linear-gradient(180deg, rgba(255,255,255,0) 80%, var(--theme-darkmode-background-preset) 85%);
      }
  
      /* -----------------------------------------------
      HEADER
      ----------------------------------------------- */
  
      body.dark .header .header-wrap {
          background: var(--theme-darkmode-background-default);
      }
  
      /* -----------------------------------------------
      LOGO
      ----------------------------------------------- */
  
      body.dark .logo-img {
          filter: invert(1) brightness(2.5);
      }
  
      /* -----------------------------------------------
      NAVIGATION TOP
      ----------------------------------------------- */
  
      body.dark .navigation-main .navigation .navigation-level--level-2 {
          background: var(--theme-darkmode-background-preset);
      }
      body.dark .navigation-main .navigation > li > ul::before {
          border-bottom-color: var(--theme-darkmode-background-preset);
      }
      body.dark .navigation-main .navigation li a {
          color: var(--theme-darkmode-foreground-one);
      }
      body.dark .navigation-main .navigation li:not(.navigation-item--level-1) .navigation-link {
          color: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      SEARCH
      ----------------------------------------------- */
  
      body.dark .header.is-sticky .search-toggle,
      body.dark.article-site .search-toggle,
      body.dark.noscroll .search-toggle {
          color: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      ACCESSIBILITY
      ----------------------------------------------- */
  
      body.dark .header.is-sticky .accessibility-toggle,
      body.dark.article-site .accessibility-toggle,
      body.dark.noscroll .accessibility-toggle {
          color: var(--theme-darkmode-foreground-one);
      }
      body.dark .accessibility-content::before {
          border-bottom-color: var(--theme-darkmode-background-preset);
      }
      body.dark .accessibility-content {
          color: var(--theme-darkmode-foreground-one);
          background: var(--theme-darkmode-background-preset);
      }
      body.dark .fontsize-info span {
          color: var(--theme-darkmode-background-default);
          background: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      TEXTS
      ----------------------------------------------- */
  
      body.dark .black-text,
      body.dark .default-text {
          color: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      OVERRIDE RULES
      ----------------------------------------------- */
  
      body.dark .container.disabled-background,
      body.dark .container.white-background,
      body.dark .container.grey-background {
          background: var(--theme-darkmode-background-preset);
      }
      body.dark .mehrspalter.disabled-background,
      body.dark .mehrspalter.white-background,
      body.dark .mehrspalter.grey-background {
          background: var(--theme-darkmode-background-preset);
      }
      body.dark .container.default-background {
          background: var(--theme-darkmode-background-default);
      }
      body.dark .mehrspalter.default-background {
          background: var(--theme-darkmode-background-default);
      }
  
      /* -----------------------------------------------
      OFFCANVAS
      ----------------------------------------------- */
  
      body.dark .offcanvas {
          background: var(--theme-darkmode-background-default);
          border-color: var(--theme-darkmode-background-default);
      }
      body.dark .offcanvas .navigation-item--previous {
          background: var(--theme-darkmode-background-default);
      }
      body.dark .offcanvas .navigation-item .navigation-link,
      body.dark .offcanvas .navigation-item .previous-navigation {
          color: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      FORMS
      ----------------------------------------------- */
  
      body.dark .clearfix > .input input,
      body.dark .clearfix > .input textarea {
          color: var(--theme-darkmode-foreground-one);
      }
  
      /* -----------------------------------------------
      MEDIA-QUERIES
      ----------------------------------------------- */
      @media (max-width: 1350px) {
          body.dark .offcanvas-toggle .line {
              background-color: var(--theme-darkmode-foreground-one);
          }
      }
  
  /* -----------------------------------------------
  TABLES
  ----------------------------------------------- */
  
  .table {
      width: 100%;
      margin: -.5rem 0 2rem;
      display: grid;
  }
  .table,
  .table * {
      hyphens: none;
      word-break: normal;
  }
  .table table {
      width: 100%;
      border-spacing: 0;
      overflow-x: auto;
      display: block;
  }
  .table th,
  .table td {
      padding: .5rem 1rem .5rem 0;
      vertical-align: top;
      border-bottom: 1px solid;
  }
  .table td {
      border-bottom-color: rgb(34 37 49 / 25%);
  }
  .table th {
      text-align: left;
      border-bottom-color: #222531;
  }
  
  /* -----------------------------------------------
  HEADLINES
  ----------------------------------------------- */
/* -------------------------------------------------
MW 17.05.2023: Auf Kundenwunsch werden die Überschtriften wie folgt angepasst:
Neue Überschrift 1, soll auf die Größe der aktuellen Überschrift 2 geändert werden. 
Neue Ü2 zu aktuelle Ü3
Neue Ü3 auf eine neue Schriftgröße die sich etwa zwischen der aktuellen Ü4 und der aktuellen Ü6 bewegt [nicht die aktuelle Ü5].
Neue Ü4 bildet eine eigene Kategorie für Tabellen; wie Schriftgröße: Fließtext in fett.
Neue Ü5 bildet eine eigene Kategorie für Marginalspalte/rechte Spalte unterhalb Navigation; Schriftgröße wie die neue Ü3
Ü6 = Für Footer; bleibt wie gehabt 
H1:  4em / 600  -> 3em
H2:  3em / 600  -> 2em
H3:  2em /600   -> 1.5em
H4:  1.75em / 600  -> 1em
H5:  1.5em / 400 -> 1.5em / 600
H6:  1.25em / 600 -> bleibt
  ----------------------------------------------- */
  
  h1 {
      margin: 0 0 2rem 0;
      font-size: 3em;
      font-weight: 600;
      line-height: 1;
  }
  h2 {
      margin: 0 0 2rem 0;
      font-size: 2em;
      font-weight: 600;
      line-height: 1;
  }
  h3 {
      margin: 0 0 2rem 0;
      font-size: 1.5em;
      font-weight: 600;
      line-height: 1;
  }
  h4 {
      margin: 0 0 1rem 0;
      font-size: 1em;
      font-weight: 600;
      line-height: 1;
  }
  h5 {
      margin: 0 0 2rem 0;
      font-size: 1.5em;
      font-weight: 600;
      line-height: 1.25;
  }
  h6 {
      margin: 1.5rem 0 1rem 0;
      font-size: 1.25em;
      font-weight: 600;
      line-height: 1;
  }
  
  /* -----------------------------------------------
  TEXTS
  ----------------------------------------------- */
  
  .black-text {
    color: var(--theme-color-preset-one);
  }
  .white-text {
    color: #FFF;
  }
  
  /* -----------------------------------------------
  JUMPMARKS
  ----------------------------------------------- */
  
  .jumpmarks {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: var(--header-height);
      display: table;
      width: 100%;
      table-layout: fixed;
      transition: all .25s;
      pointer-events: none;
      z-index: -1;
      opacity: 0;
  }
  .jumpmarks:focus-within {
      pointer-events: all;
      z-index: 4;
      opacity: 1;
  }
  .jumpmarks a {
      color: #FFF;
      display: inline-block;
      line-height: var(--header-height);
      padding: 0 1em;
      font-weight: bold;
      text-transform: uppercase;
      color: transparent;
  }
  .jumpmarks:focus-within a {
      color: #FFF;
  }
  .jumpmarks a:focus {
      background: #FFF;
      color: var(--theme-color-preset-two);
  }
  
  /* -----------------------------------------------
  HEADER
  ----------------------------------------------- */
  
  header {
    padding: 0 !important;
  }
  .header-wrap {
      position: fixed;
      z-index: 3;
      width: 100%;
      box-shadow: none;
      background: #FFF;
      box-shadow: 0 0 20px -10px rgba(0,0,0,.5);
  }
  .header.is-sticky .header-wrap::after {
      content: none;
  }
  .header-content {
      position: relative;
      margin: 0 auto;
      padding: 0 1rem;
      width: 100%;
      height: 0;
      min-height: var(--header-height);
      transition: min-height .25s ease;
  }
  .header-content::after {
      display: none;
  }
  
  /* -----------------------------------------------
  LOGO
  ----------------------------------------------- */
  
  .logo-img {
      width: 440px;
      height: auto;
      position: absolute;
      top: 60%;
      left: 2rem;
      transform: translateY(-50%);
      transition: all .25s ease;
  }
  .logo:focus-visible .logo-img {
      outline: 2px solid #000;
      outline-offset: 5px;
  }
  
  /* -----------------------------------------------
  LANGUAGE SWITCH
  ----------------------------------------------- */
.language-switch {
    right: auto;
    position: initial;
    top: auto;
    transform: none;
}
.language-menu {
    position: absolute;
    top: 40.5%;
    right: 13.75rem;
    opacity: 1;
    visibility: visible;
    background: none;
    border: none;
    min-width: unset !important;
    left: auto;
    border-radius: 0;
    transform: translateY(-50%);
    transition: all .25s ease;
}
.language-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.language-menu li {
    margin: 0;
    display: inherit;
    position: relative;
    font-size: 1.1875rem;
    line-height: 1;
    padding: .4rem 0;
    text-transform: lowercase;
}
.language-icon {
    fill: #000;
}
.language-menu a {
    text-decoration: none;
    padding: .4rem 0;
}
.language-menu li::after {
    position: absolute;
    width: max-content;
    margin-left: .2rem;
    border-left: 2px solid;
    padding-left: .2rem;
}
html[lang="en"] .language-menu li::after {
    content: "EN";
}
html[lang="de"] .language-menu li::after {
    content: "DE";
}
.language-menu::after {
    content: none;
}
.language-menu i {
    display: none;
}
  
  /* -----------------------------------------------
  CONTRAST
  ----------------------------------------------- */
  
  .contrast-switchspan {
      text-indent: -9999px;
      position: absolute;
      visibility: hidden;
  }
  
  /* -----------------------------------------------
  FONTSIZE
  ----------------------------------------------- */
  
  .toggle-fontsize {
      display: none;
  }
  .fontsize-info ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
  }
  .fontsize-info li {
      margin: .5rem 0;
      white-space: nowrap;
  }
  .fontsize-info li:first-child {
      font-weight: 600;
  }
  .fontsize-info span {
      border-radius: 5px;
      color: #fff;
      display: inline-block;
      margin: 0 2px;
      padding: 1px 5px;
      background: #222531;
  }

  html[lang="en"] .search input::placeholder {
    opacity: 0;
  }
  
  /* -----------------------------------------------
  QUICKLINKS
  ----------------------------------------------- */
  html[lang="de"] .navigation-quicklinks.de,
  html[lang="en"] .navigation-quicklinks.en {
    display: block;
  }
  html[lang="de"] .navigation-quicklinks.en,
  html[lang="en"] .navigation-quicklinks.de {
    display: none;
  }
  body.neos-backend .navigation-quicklinks.en {
    display: none;
  }
  .navigation-quicklinks li {
      float: left;
      margin: 0 0 0 1.5rem;
  }
  .navigation-quicklinks a {
      text-decoration: none;
      font-weight: 500;
      text-transform: lowercase;
      font-size: .95em;
  }
  
  /* -----------------------------------------------
  SEARCH
  ----------------------------------------------- */
  
  header .search-toggle span,
  header .search .hidden-label {
      visibility: hidden;
      position: absolute;
      text-indent: -9999px;
  }
  header .search label {
      visibility: hidden;
      position: absolute;
      text-indent: -9999px;
  }
  
  /* -----------------------------------------------
  SEARCH RESULTS
  ----------------------------------------------- */
  
  .search-results .search-submit {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 50px;
      height: 100%;
      appearance: none;
      border: none;
      outline: none;
      box-shadow: none;
      border-radius: 0;
      cursor: pointer;
      background: var(--theme-color-preset-two);
      color: #FFF;
      font-size: 1rem;
  }
  .search-results .clearfix {
      margin-bottom: .75rem;
  }
  .search-results .page-navigation {
      overflow-x: auto;
      display: flex;
      justify-content: center;
      flex-wrap: nowrap;
  }
  .search-results .neos-widget-paginator {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .search-results > ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  .search-results > form + .page-navigation {
      display: none;
  }
  .search-results > ul li {
      padding: 0;
      margin: 1rem 0 0;
  }
  .search-results > ul li:not(:last-child) {
      border-bottom: 1px solid #e4e4e4;
  }
  .search-results > ul li::before {
      display: none;
  }
  .search-results h3 {
      font-size: inherit;
  }
  .search-results .page-navigation li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      vertical-align: middle;
      transition: all .25s;
      text-decoration: none;
      font-weight: bold;
      text-align: center;
      width: 45px;
      height: 45px;
      border-radius: 10px;
      margin: 0;
      padding: 0;
  }
  .search-results .page-navigation li::before,
  .search-results .page-navigation li::after {
      display: none;
  }
  .search-results .page-navigation li:not(.previous):not(.before-current):not(.current):not(.after-current):not(.next) {
      display: none;
  }
  .search-results .page-navigation li.current {
      background: var(--theme-color-preset-two);
      color: #FFF;
  }
  .search-results .page-navigation li.previous a,
  .search-results .page-navigation li.next a {
      text-indent: -9999px;
  }
  .search-results .page-navigation li.previous a::after,
  .search-results .page-navigation li.next a::after {
      font-family: 'Font Awesome 5 Free';
      float: left;
      text-indent: 0;
  }
  .search-results .page-navigation li.previous a::after {
      content: "\f053";
  }
  .search-results .page-navigation li.next a::after {
      content: "\f054";
  }
  .search-results .page-navigation a {
      display: flex;
      height: 100%;
      width: 100%;
      justify-content: center;
      align-items: center;
      padding: 0;
      background: none;
  }
  .search-results .page-navigation a:focus {
      outline: auto;
  }
  
  /* -----------------------------------------------
  NAVIGATION
  ----------------------------------------------- */
  
  .navigation,
  .navigation ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  
  /* -----------------------------------------------
  NAVIGATION TOP
  ----------------------------------------------- */
  
  .navigation-main {
      transition: all .25s;
      position: absolute;
      right: 1rem;
      top: 84px;
      /*max-width: calc(100vw - 480px - 2rem);*/
      line-height: 1;
      padding: 0 !important;
  }
  
  .navigation-main .navigation {
      padding: 0;
      margin: 0;
      text-align: right;
  }
  .navigation-main .navigation > li {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      padding: 0 .75rem;
  }
  .navigation-main .navigation > li > a {
      font-weight: 600;
      justify-content: center;
      align-items: center;
      white-space: nowrap;
      display: flex;
  }
  .navigation-main .navigation > li > a::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: var(--theme-color-preset-two);
      transition: all .25s;
      visibility: hidden;
      opacity: 0;
  }
  .navigation-main .navigation > li.hover > a::after,
  .navigation-main .navigation > li:hover > a::after,
  .navigation-main .navigation > li:focus-within > a::after,
  .navigation-main .navigation > li.navigation-item--state-active > a::after {
      visibility: visible;
      opacity: 1;
  }
  .navigation-main .navigation > li.hover > ul::after,
  .navigation-main .navigation > li:focus-within > ul::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 100%;
      height: 19px;
      transition: all .25s;
  }
  .navigation-main .navigation > li > ul::before {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid var(--theme-color-preset-two);
      transform: translateX(-50%);
      transition: all .25s;
  }
  .navigation-main .open-submenu {
      display: none !important;
  }
  .navigation-main .navigation .navigation-level--level-2 {
      position: absolute;
      text-align: left;
      top: 170%;
      padding: 1rem;
      left: 50%;
      transform: translateX(-50%) !important;
      z-index: 1;
      min-width: 250px;
      visibility: hidden;
      opacity: 0;
      line-height: 1.5;
      transition: all .25s;
      grid-template-columns: repeat(4, 1fr);
      background: var(--theme-color-preset-two);
      pointer-events: none;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 25%);
  }
  .navigation-main .navigation > li:hover ~ li .navigation-level--level-2 {
      z-index: 0;
  }
  .navigation-main .navigation .navigation-level--level-2 > li {
      position: relative;
  }
  .navigation-main .navigation .navigation-level--level-3 {
  display: none;
   }
  .navigation-main .navigation .navigation-item--level-1.hover > ul,
  .navigation-main .navigation .navigation-item--level-1:focus-within > ul {
      opacity: 1;
      visibility: visible;
      pointer-events: all;
  }
  .navigation-main .navigation li:not(.navigation-item--level-1) .navigation-link {
      padding: .25rem 0;
      display: block;
  }
  .navigation-main .navigation li:not(.navigation-item--level-1) .navigation-link:hover,
  .navigation-main .navigation li:not(.navigation-item--level-1) .navigation-link:focus-visible {
      text-decoration: underline;
  }
  
  .navigation-main .navigation li a {
      position: relative;
      text-decoration: none;
      outline: none;
      transition: all .25s;
      font-size: .9em;
      text-transform: lowercase;
      color: #222531;
      padding: 0 0 .5rem;
  }
  
  /* -----------------------------------------------
  SLIDER OVERRIDE
  ----------------------------------------------- */
  
  .slider .slick-track {
      cursor: grab;
  }
  .slider .slick-track:active {
      cursor: grabbing;
  }
  .slider .pageteaser {
      padding: 0 !important;
  }
  .slider .pageteaser.grid-enabled .pageteaser-content {
      display: table !important;
      width: 100%;
      table-layout: fixed;
  }
  .stage .slider {
      position: relative;
    }
  
  /* -----------------------------------------------
  BUTTONS OVERRIDE
  ----------------------------------------------- */
  
  .stage .button .button-content > * {
      padding: .4rem 1.5rem;
  }
  .button .button-content {
      border-radius: 0 !important;
      font-weight: 600;
      flex-direction: row-reverse;
  }
  .button .button-content > * {
      padding: .25rem .85rem;
  }
  .button .button-content > i {
      padding: 0;
      width: auto;
      margin-right: -.75rem;
  }
  .button.solid.white-background a:hover > *,
  .button.solid.white-background a:focus > *,
  .button.solid.white-background a:active > * {
      background: #FFF !important;
      border-color: #FFF !important;
      color: #000 !important;
      text-decoration: underline;
  }
  .button.solid.default-background a > * {
      background: var(--theme-color-preset-two);
      border-color: var(--theme-color-preset-two);
      color: #222531;
  }
  
  /* -----------------------------------------------
  SLIDER LANDING PAGE
  ----------------------------------------------- */
  
  .stage .container h1 {
      text-shadow: 0px 3px 6px rgb(0 0 0 / 50%);
  }
  .stage .slider .slick-prev,
  .stage .slider .slick-next {
      top: auto;
      bottom: 0;
      padding: 0;
      height: 50px;
      width: 50px;
      background: rgb(255 255 255 / 50%);
      color: #222531;
  }
  .stage .slider .slick-prev {
      left: 2rem !important;
  }
  .stage .slider .slick-next {
      right: 2rem !important;
  }
  .stage .slider .slick-prev:hover,
  .stage .slider .slick-prev:focus,
  .stage .slider.slick-prev:active,
  .stage .slider .slick-next:hover,
  .stage .slider .slick-next:focus,
  .stage .slider .slick-next:active {
      background: #FFF;
      color: #222531;
  }
  
  /* -----------------------------------------------
  SCROLL DOWN
  ----------------------------------------------- */
  
  .scroll-down {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
  }
  .scroll-down > a {
      display: block;
      color: #FFF;
      padding: 1rem;
      line-height: normal;
      text-decoration: none;
  }
  .scroll-down > a > * {
      display: block;
      text-align: center;
      text-shadow: 0px 0px 15px #222531;
  }
  .scroll-down > a > span {
      text-transform: uppercase;
      font-size: .9em;
      font-weight: 600;
  }
  .scroll-down > a > i {
      font-size: 2.75em;
      line-height: .75;
  }
  
  /* -----------------------------------------------
  TEASERS LANDING PAGE
  ----------------------------------------------- */
  
  .start-teasers-top.mehrspalter .mehrspalter-content {
      margin-bottom: 2rem;
      align-items: flex-end;
  }
  .start-teaser {
      position: relative;
      overflow: hidden;
      height: auto !important;
      width: auto !important;
  }
  .start-teaser .text {
      position: absolute;
      overflow: hidden;
      top: 70%;
      bottom: 0;
      z-index: 1;
      padding: 1rem;
      transition: all .25s ease;
  }
  body.neos-backend .start-teaser .text {
      z-index: 2;
  }
  .start-teaser:hover .text,
  .start-teaser:focus-within .text {
      top: 0;
  }
  .start-teaser h6 {
      font-size: 1.1em;
      margin: 0 0 .25rem;
  }
  .start-teaser .text p {
      margin: 0;
      font-size: .9em;
  }
  .start-teaser .text a {
      background: #222531;
      color: var(--theme-color-preset-two);
      text-decoration: none;
      padding: 0.5rem 1rem;
      display: inline-block;
      font-weight: 600;
      position: absolute;
      bottom: 1rem;
      left: 1rem;
      visibility: hidden;
      opacity: 0;
      transition: all .25s ease;
  }
  .start-teaser:hover .text a,
  .start-teaser:focus-within .text a {
      visibility: visible;
      opacity: 1;
      transition-delay: .15s;
  }
  .start-teaser .text::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: var(--theme-color-preset-two);
      z-index: -1;
      opacity: .9;
  }
  .start-teaser .image {
      padding: 0 !important;
  }
  .start-teaser a::before {
      content: "";
      position: absolute;
      top: 70%;
      left: 0;
      right: 0;
      bottom: -1px;
      background: linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(245,207,0,1) 85%);
  }
  .start-teaser a::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  body:not(.neos-backend) .start-teaser a::before,
  body:not(.neos-backend) .start-teaser a::after {
      z-index: 1;
  }
  
  /* -----------------------------------------------
  ICON SECTION LANDING PAGE
  ----------------------------------------------- */
  
  .icon-container-top {
      box-shadow: inset 0px 50px 50px -50px rgb(0 0 0 / 25%);
  }
  .icon-container-bottom {
      box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 25%);
  }
  .icon-container-bottom .text {
      padding-left: 2.45rem;
  }
  .icon-container-bottom .vivomedia-fontawesome-icon span {
      font-size: 1em;
      float: left;
      width: 30px;
      text-align: center;
      margin-right: 0.5rem;
      line-height: 1.25;
  }
  .icon-container-bottom .vivomedia-fontawesome-icon::after {
      display: none;
  }
  
  /* -----------------------------------------------
  PAGETEASER OVERRIDE
  ----------------------------------------------- */
  
  .pageteaser-teaser .image {
      max-width: calc(2rem + 188px);
      width: 100%;
  }
  .pageteaser-teaser h6 {
      margin: 0 0 .5rem;
  }
  .pageteaser-teaser a,
  .gdc-list .gdc-title a {
      text-decoration: none;
  }
  .pageteaser-teaser h6 a:hover,
  .pageteaser-teaser h6 a:focus-visible {
      text-decoration: underline;
  }
  .pageteaser-teaser .button {
      margin: .45rem 0 0;
  }
  .pageteaser.grid-disabled .pageteaser-teaser {
      margin: 0 !important;
  }
  .pageteaser-text-content h3 {
      font-size: 1.25em;
      margin: 0 0 .5rem;
  }
  
  /* -----------------------------------------------
  NAVIGATION BREADCRUMB
  ----------------------------------------------- */
  
  .no-sidebar .breadcrumb {
      display: none;
  }
  .breadcrumb {
      display: none;
      background: #ececed;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
  }
  .breadcrumb__list {
      list-style-type: none;
      max-width: 1350px;
      margin: 0 auto;
      padding: 1rem 2rem;
  }
  .breadcrumb__list > li:first-of-type {
      display: none;
  }
  .breadcrumb__link {
      display: inline-block;
      margin: 0;
      padding: 0;
  }
  .breadcrumb__link a {
      color: var(--theme-color-preset-two);
  }
  .breadcrumb__link.current {
      font-weight: 600;
  }
  .breadcrumb__link:not(.current)::after {
      content: "\f101";
      font-family: 'Font Awesome 5 Free';
      font-weight: 600;
      font-size: .75rem;
      padding: 0 .5rem;
  }
  .breadcrumb__link::before {
      display: none;
  }
  
  /* -----------------------------------------------
  NAVIGATION SIDEBAR
  ----------------------------------------------- */
  
  .navigation-sidebar {
      padding: 4rem 3rem 1rem;
  }
  .navigation-sidebar .navigation {
      overflow: hidden;
  }
  .navigation-sidebar .navigation-item--level-1:not(.navigation-item--state-active) {
      display: none;
  }
  .navigation-sidebar .navigation-item--level-1.navigation-item--state-active > a {
      font-size: 1.25em;
      font-weight: 600;
  }
  .navigation-sidebar .navigation-item--state-current > .navigation-link {
      font-weight: bold;
  }
  .navigation-sidebar .navigation-item {
      position: relative;
      display: table;
      width: 100%;
      padding: 0;
  }
  .navigation-sidebar .navigation-item::before {
      display: none;
  }
  .navigation-sidebar .navigation-link {
      display: block;
      text-decoration: none;
  }
  .navigation-sidebar .navigation-link:hover,
  .navigation-sidebar .navigation-link:focus-visible {
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
    text-decoration-color: var(--theme-color-preset-two);
    text-decoration-thickness: 0.18em;
  }
  .navigation-sidebar .navigation-item--level-3 .navigation-link {
      padding-left: .5rem;
      font-size: 1rem;
  }
  .navigation-sidebar .navigation-item--level-4 .navigation-link {
      padding-left: 1.5rem;
  }
  .navigation-sidebar .navigation-item--level-5 .navigation-link {
      padding-left: 1.75rem;
  }
  .navigation a {
      background: none;
  }
  .navigation-sidebar .open-submenu {
      display: none;
  }
  
  /* -----------------------------------------------
  ACCORDION INCLUDE
  ----------------------------------------------- */
  .accordion {
      margin: 0 0 2rem 0 !important;
      border-bottom: 1px solid #B8B8B8 !important;
  }
  .accordion-title.ui-state-active i {
      transform: rotate(180deg);
  }
  .accordion-title.ui-state-active::after {
      content: "";
      position: absolute;
      top: -65px;
      left: 0;
      width: 100%;
      height: 65px;
      box-shadow: 0 25px 25px -25px rgb(34 37 49 / 25%);
      pointer-events: none;
  }
  .accordion-content {
      border: none !important;
      background: none !important;
      color: inherit !important;
  }
  .accordion-content::after {
      content: "";
      position: absolute;
      bottom: -65px;
      left: 0;
      width: 100%;
      height: 65px;
      box-shadow: 0 -25px 25px -25px rgb(34 37 49 / 25%);
      pointer-events: none;
  }
  .accordion-title {
      border-top: 1px solid !important;
      border-color: #B8B8B8 !important;
      padding: 1.5rem 0;
      border-right: none !important;
      border-bottom: none !important;
      border-left: none !important;
      border-radius: 0 !important;
      background: none !important;
      text-align: left;
  }
  .accordion-title.ui-state-active {
      border-top: none !important;
  }
  .ui-accordion-header-icon {
    display: none !important;
  }
  .accordion.ui-widget {
    font-family: inherit;
    font-size: inherit;
  }
  .ui-accordion-content-active + .accordion-title {
    border-top: none !important;
  }
  
  /* -----------------------------------------------
  ARTICLE
  ----------------------------------------------- */
  
  .article-site .stage {
    display: none;
  }
  #main.article {
      margin: 0 auto;
      padding-top: var(--initial-header-height);
  }
  
  /* -----------------------------------------------
  OVERRIDE RULES
  ----------------------------------------------- */
  
  .container .container-content {
      max-width: 1350px;
  }
  .container.padding-both .container-content {
      padding: 4rem 2rem !important;
  }
  .container.padding-top .container-content {
      padding: 4rem 2rem 0 2rem !important;
  }
  .container.padding-bottom .container-content {
      padding: 0 2rem 4rem 2rem !important;
  }
  .container.black-overlay .container-image::after {
      background: rgb(0 0 0 / 25%) !important;
  }
  #main .right .container .container-content {
      padding-top: 1rem !important;
  }
  
  .mehrspalter .mehrspalter-content {
      max-width: 1350px;
  }
  .mehrspalter.padding-both .mehrspalter-content {
      padding: 4rem 2rem !important;
  }
  .mehrspalter.padding-top .mehrspalter-content {
      padding: 4rem 2rem 0 2rem !important;
  }
  .mehrspalter.padding-bottom .mehrspalter-content {
      padding: 0 2rem 4rem 2rem !important;
  }
  
  div.padding-auto:first-of-type .container-content,
  div.padding-auto:first-of-type .mehrspalter-content {
      padding: 4rem 2rem 0 !important;
  }
  div.padding-auto:last-of-type .container-content,
  div.padding-auto:last-of-type .mehrspalter-content {
      padding: 0 2rem 4rem !important;
  }
  div.padding-auto:first-of-type:last-of-type .container-content,
  div.padding-auto:first-of-type:last-of-type .mehrspalter-content {
      padding: 4rem 2rem !important;
  }
  
  .container.black-overlay .container-image::after {
      background: rgb(0 0 0 / 25%) !important;
  }
  .mehrspalter.black-overlay .mehrspalter-image::after {
      background: rgb(0 0 0 / 25%) !important;
  }
  .slick-prev,
  .slick-next {
      transform: translate(0, -50%) !important;
  }
  
  /* -----------------------------------------------
  KR FONT OVERLAY
  ----------------------------------------------- */
  
  .container .kr-overlay-left.container-image::before,
  .container .kr-overlay-right.container-image::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
  }
  .container .kr-overlay-left.container-image::before {
      background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgb(34 37 49 / 50%) 100%);
  }
  .container .kr-overlay-right.container-image::before {
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(34 37 49 / 50%) 100%);
  }
  .container .kr-overlay-left.container-image::after,
  .container .kr-overlay-right.container-image::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url(/_Resources/Static/Packages/DigiPublica.Site/Frontend/Images/kr_font.svg);
      background-repeat: no-repeat;
      background-size: contain;
  }
  .container .kr-overlay-left.container-image::after {
      background-position: left;
  }
  .container .kr-overlay-right.container-image::after {
      background-position: right;
  }
  
  /* -----------------------------------------------
  SIDEBAR LAYOUT
  ----------------------------------------------- */
  
  #main {
      position: relative;
  }
  #main .main-content {
      display: grid;
      align-items: flex-start;
  }
  #main .right:not(.image) {
      box-shadow: -50px -50px 50px -50px rgb(34 37 49 / 15%);
  } 
  .no-sidebar {
      grid-template-columns: 100%;
      -ms-grid-columns: 100%;
  }
  .sidebar-right {
      grid-template-columns: minmax(auto, 975px) minmax(375px, 375px);
      grid-gap: 5rem;
  }
  .sidebar-left {
      grid-template-columns: minmax(375px, 375px) minmax(auto, 975px);
      grid-gap: 5rem;
  }
  .sidebar-left-right {
      grid-template-columns: minmax(375px, 375px) minmax(300px, auto) minmax(375px, 375px);
      grid-gap: 5rem;
  }
  .sidebar-left .left {
      -ms-grid-column: 1;
  }
  .sidebar-left .middle {
      -ms-grid-column: 2;
  }
  .sidebar-right .middle {
      -ms-grid-column: 1;
  }
  .sidebar-right .right {
      -ms-grid-column: 2;
  }
  .sidebar-left-right .left {
      -ms-grid-column: 1;
  }
  .sidebar-left-right .middle {
      -ms-grid-column: 2;
  }
  .sidebar-left-right .right {
      -ms-grid-column: 3;
  }
  
  /* -----------------------------------------------
  LAYOUT WIDTH
  ----------------------------------------------- */
  
  .sidebar-left,
  .sidebar-right,
  .sidebar-left-right {
      max-width: 1350px;
      margin: 0 auto;
  }
  
  /* -----------------------------------------------
  FORMULAR
  ----------------------------------------------- */
  
  legend {
      visibility: hidden;
      width: 0;
      height: 0;
  }
  fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
  }
  .clearfix {
      position: relative;
      margin-bottom: 1.5rem;
  }
  .clearfix.error {
      margin-bottom: 3rem;
  }
  /* div:not(.inputfilter):not(.search-results):not(.calendarcontrols) > form > fieldset> .clearfix:last-child > label {
      visibility: hidden;
      height: 0;
      width: 0;
  } */
  div:not(.inputfilter):not(.search-results):not(.calendarcontrols) > form > fieldset> .clearfix:last-child > .input {
      border: 0;
  }
  div:not(.inputfilter):not(.search-results):not(.calendarcontrols) > form > fieldset> .clearfix:last-child  > .input > * {
      padding: 0;
  }
  .clearfix > label {
      cursor: text;
      z-index: 1;
      padding: 0 .25rem;
      font-size: .75rem;
      transition: all .25s;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  .clearfix.focused > label {
      color: #3498db;
  }
  .clearfix.filled > label {
      color: #27ae60;
  }
  .clearfix.error > label {
      color: #e74c3c;
  }
  .clearfix > .input {
      border: 1px solid #e4e4e4;
      transition: all .25s;
      position: relative;
      overflow: hidden;
  }
  .clearfix.focused > .input {
      border-color: #3498db;
  }
  .clearfix.filled > .input {
      border-color: #27ae60;
  }
  .clearfix.error > .input {
      border-color: #e74c3c;
  }
  .clearfix > .input > * {
      padding: .75rem;
  }
  .clearfix > .input > input,
  .clearfix > .input > textarea,
  .clearfix > .input > select {
      display: block;
      width: 100%;
      height: 50px;
      font-size: inherit;
      font-family: inherit;
      border: 0;
      line-height: normal;
      outline: 0;
      appearance: none;
      background: none;
  }
  .clearfix > .input > textarea {
      min-height: 200px;
      width: 100% !important;
  }
  .clearfix > .input input {
      margin: 0;
      outline: none;
  }
  .clearfix > .input > select {
      cursor: pointer;
  }
  .clearfix > .input.selectbox::after {
      content: "\f0d7";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #d4d4d4;
      pointer-events: none;
  }
  .input.selectbox:focus-within::after {
      color: inherit;
  }
  .clearfix .add-on,
  .clearfix .inputs-list label,
  .clearfix #termineingabe-form-image-uploadfields {
      position: relative;
      display: block;
  }
  .clearfix input[type='checkbox'] {
      appearance: none;
      -webkit-appearance: none;
      width: 26px;
      height: 26px;
      border: none;
      outline: none;
      vertical-align: middle;
  }
  .clearfix input[type='checkbox']::after {
      content: "\f0c8";
      font-family: "Font Awesome 5 Free";
      font-weight: 400;
      top: 2px;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      font-size: 1.25rem;
      cursor: pointer;
  }
  .clearfix input[type='checkbox']:checked::after {
      content: "\f14a";
      font-weight: 900;
  }
  .clearfix .inputs-list {
      margin: 0;
      list-style-type: none;
  }
  .clearfix .help-inline {
      color: #d63031;
      display: block;
      padding: .5rem 0;
      position: absolute;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  #termineingabe-form .clearfix:nth-of-type(9),
  #termineingabe-form .clearfix:nth-of-type(10),
  #termineingabe-form .clearfix:nth-of-type(11),
  #termineingabe-form .clearfix:nth-of-type(12),
  #termineingabe-form .clearfix:nth-of-type(13),
  #termineingabe-form .clearfix:nth-of-type(14) {
      float: left;
  }
  #termineingabe-form .clearfix:nth-of-type(9),
  #termineingabe-form .clearfix:nth-of-type(12) {
      width: calc(100% - 120px);
  }
  #termineingabe-form .clearfix:nth-of-type(10),
  #termineingabe-form .clearfix:nth-of-type(11),
  #termineingabe-form .clearfix:nth-of-type(13),
  #termineingabe-form .clearfix:nth-of-type(14) {
      width: 60px;
      padding-left: 1rem;
  }
  #termineingabe-form .clearfix:nth-of-type(15) {
      clear: left;
      float: none;
  }
  .actions ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  .actions .next,
  .actions .previous {
      display: inline-block;
      padding: 0;
  }
  .actions .next .btn,
  .actions .previous .btn {
    position: relative;
    display: block;
    font-weight: bold !important;
    text-decoration: none;
    border: 2px solid;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    background: var(--theme-color-preset-two);
    border-color: var(--theme-color-preset-two);
    color: #222531;
    font-size: 1.1rem;
    padding: .25rem .85rem;
    transition: background .25s, border-color .25s, color .25s;
  }
  .actions .next .btn:hover,
  .actions .next .btn:focus,
  .actions .next .btn:active,
  .actions .previous .btn:hover,
  .actions .previous .btn:focus,
  .actions .previous .btn:active {
    background: #222531 !important;
    border-color: #222531 !important;
    color: var(--theme-color-preset-two) !important;
  }
  .success-message {
      padding: .25em 1em;
      background: #7eb62e;
      color: #fff;
  }
  .success-message p {
      margin: 1rem 0;
  }
  .success-message i {
      padding-right: .6em;
  }
  
  /* -----------------------------------------------
  FOOTER
  ----------------------------------------------- */
  
  footer {
      position: relative;
  }
  footer ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  footer ul {
      margin: -.5em 0;
  }
  footer ul li {
      margin: .5em 0;
  }
  footer p {
      margin: 0 0 .5rem 0;
  }
  footer a {
      color: inherit;
  }
  footer .table thead tr th {
      background: none;
  }
  footer .table tbody tr:nth-of-type(even) th,
  footer .table tbody tr:nth-of-type(even) td {
      background: none;
  }
  
  .social-media-footer ul li {
      float: left;
      margin: 1.5rem 1rem 1.5rem 0;
      line-height: 1;
  }
  .social-media-footer ul li a {
      position: relative;
      font-size: 2.25em;
      display: block;
  }
  .social-media-footer ul li a::after {
      content: "";
      position: absolute;
      bottom: -7px;
      left: 0;
      width: 100%;
      height: 3px;
      background: var(--theme-color-preset-two);
      transition: all .25s;
      visibility: hidden;
      opacity: 0;
  }
  .social-media-footer ul li a:hover::after,
  .social-media-footer ul li a:focus-visible::after {
      visibility: visible;
      opacity: 1;
  }
  
  .footer-multicolumn {
      background-color: rgb(34 37 49 / 10%) !important;
      font-size: .9em;
      line-height: 1.75;
  }
  .footer-multicolumn h6 {
      font-size: 1.15em;
      margin: 1.25rem 0 1rem;
  }
  .footer-images .image:nth-of-type(even),
  .footer-images .image ~ .text:nth-of-type(even) {
      clear: left;
  }
  .footer-images .image {
      padding: 0 2rem 1.95rem 0 !important;
  }
  .footer-images .image ~ .text {
      padding: 0 1rem 0 0 !important;
      margin-top: 1.5rem;
  }
  .footer-images .image,
  .footer-images .image ~ .text {
      float: left !important;
      width: 50% !important;
  }
  .footer-images img {
      filter: grayscale(1);
      transition: all .25s ease;
  }
  .footer-images .image a:hover img,
  .footer-images .image a:focus-visible img {
      filter: grayscale(0);
  }
  
  .footer-copyright {
      background-color: rgb(34 37 49 / 20%) !important;
      font-size: .9em;
  }
  .footer-copyright.mehrspalter .mehrspalter-content {
      padding: 3rem 2rem !important;
  }
  .footer-copyright p {
      margin: 0;
  }
  .footer-copyright a {
      text-decoration: none;
      position: relative;
      text-transform: lowercase;
  }
  .footer-copyright a::after {
      content: "";
      position: absolute;
      bottom: -7px;
      left: 0;
      width: 100%;
      height: 3px;
      background: var(--theme-color-preset-two);
      transition: all .25s;
      visibility: hidden;
      opacity: 0;
  }
  .footer-copyright a:hover::after,
  .footer-copyright a:focus-visible::after {
      visibility: visible;
      opacity: 1;
  }
  
  /* -----------------------------------------------
  OFFCANVAS-TOGGLE
  ----------------------------------------------- */
  
  .offcanvas-toggle {
      background: transparent;
      outline: none;
      margin: 0;
      border-radius: 0;
      box-shadow: none;
      border: none;
      position: absolute;
      right: 2rem;
      top: 50%;
      transform: translateY(-50%);
      padding: 0;
      z-index: 12;
      transition: all .25s;
      cursor: pointer;
  }
  .offcanvas-toggle .line {
      width: 25px;
      height: 2px;
      background-color: #222531;
      display: block;
      margin: 5px auto;
      -webkit-transition: width 0.25s ease-in-out;
      -o-transition: width 0.25s ease-in-out;
      transition: width 0.25s ease-in-out;
      text-indent: -9999px;
      border-radius: 0px;
  }
  .offcanvas-toggle .line:nth-child(1) {
      width: 20px;
  }
  .offcanvas-toggle .line:nth-child(1),
  .offcanvas-toggle .line:nth-child(3) {
      margin: 5px 0 5px auto;
  }
  .offcanvas-toggle.is-active .line:nth-child(3) {
      width: 10px;
  }
  
  /* -----------------------------------------------
  OFFCANVAS-MENU
  ----------------------------------------------- */
  
  .offcanvas {
      position: fixed;
      top: 0;
      bottom: 0;
      right: -400px;
      width: 400px;
      transition: all .25s cubic-bezier(.65,0,.35,1);
      z-index: 2;
      box-shadow: none;
      overflow-x: hidden;
      overflow-y: auto;
      background: var(--theme-color-preset-two);
      border-bottom: 3rem solid var(--theme-color-preset-two);
      border-top: calc(var(--header-height) + 2rem + 50px) solid var(--theme-color-preset-two);
  }
  .offcanvas.is-active {
      transform: translateX(-400px);
      box-shadow: 0 0 20px -10px rgb(0 0 0 / 50%);
  }
  .offcanvas br {
      display: none;
  }
  .offcanvas ul,
  .offcanvas li {
      list-style-type: none;
  }
  .offcanvas ul {
      position: absolute;
      margin: 0;
      padding: 0;
      width: inherit;
      transition: all .25s cubic-bezier(.65,0,.35,1);
      top: 0;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
  }
  .offcanvas > ul {
      visibility: visible;
      opacity: 1;
      pointer-events: all;
      bottom: 6rem;
  }
  .offcanvas ul.active {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }
  .offcanvas .navigation-item--state-active > a {
      font-weight: bold;
  }
  .offcanvas[data-level-current="1"] > ul {
      transform: translateX(0);
  }
  .offcanvas[data-level-current="2"] > ul {
      transform: translateX(-400px);
  }
  .offcanvas[data-level-current="3"] > ul {
      transform: translateX(-800px);
  }
  .offcanvas[data-level-current="4"] > ul {
      transform: translateX(-1200px);
  }
  .offcanvas[data-level-current="5"] > ul {
      transform: translateX(-1600px);
  }
  .offcanvas[data-level-current="6"] > ul {
      transform: translateX(-2000px);
  }
  .offcanvas .navigation-item {
      position: static;
      display: table;
      width: 100%;
      padding: 0;
  }
  .offcanvas .navigation-item::before {
      display: none;
  }
  .offcanvas .navigation-item  .navigation-link,
  .offcanvas .navigation-item  .previous-navigation {
      text-decoration: none;
      display: table-cell;
      font-size: 1rem;
      font-weight: 300;
      padding: .5rem 2rem;
      transition: all .25s;
      visibility: visible;
      opacity: 1;
      text-transform: lowercase;
      color: #222531;
  }
  .offcanvas .navigation-item--level-1 > a,
  .offcanvas .navigation-item .previous-navigation {
      font-size: 1.35rem !important;
      font-weight: 600 !important;
  }
  .offcanvas .navigation-item--previous {
      position: sticky;
      top:  0;
      background: var(--theme-color-preset-two);
  }
  .offcanvas .navigation-item--previous::after {
      content: "";
      position: absolute;
      bottom: 0;
      height: 100vh;
      left: 0;
      right: 0;
      background: inherit;
      z-index: -1;
      pointer-events: none;
  }
  .offcanvas .navigation-item--level-1 > .navigation-link {
      padding-right: 0;
  }
  .offcanvas .navigation-item .previous-navigation {
      padding-left: 0 !important;
  }
  
  /* -----------------------------------------------
  SUBMENU-BUTTON
  ----------------------------------------------- */
  
  .offcanvas .toggle-submenu {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      cursor: pointer;
      width: 51px;
      font-size: 1.25rem;
      transition: all .25S;
      padding: 0 2rem;
      visibility: visible;
      opacity: 1;
  }
  .offcanvas .close-submenu {
      text-align: left !important;
      width: 25px !important;
      padding-right: 1rem;
      border-left: none;
      font-size: 1.75rem;
  }
  
  /* -----------------------------------------------
  MEDIA-QUERIES
  ----------------------------------------------- */

  
  @media (min-width: 680px) {
    .start-teasers-bottom .start-teaser:nth-of-type(1),
      .start-teasers-bottom .start-teaser:nth-of-type(2) {
          display: none;
      }
     .start-teasers-top.mehrspalter .mehrspalter-content {
          grid-template-columns: .53fr .25fr .25fr !important;
      }
  }
  @media (max-width: 1024px) and (min-width: 480px) {
    .mehrspalter.columns4[data-layout="auto"] .mehrspalter-content {
        grid-template-columns: 1fr 1fr;
    }
    .start-teasers-top.mehrspalter .mehrspalter-content {
        grid-template-columns: 1fr 1fr !important;
    }
  }
  @media(min-width: 1101px) {
      .offcanvas {
          display: none;
      }
      .offcanvas-toggle {
          display: none;
      }
      /* Dir rechte Spalte ragt ins Headerbild rein */
	  /* siehe Ticket #2468 */
	  /* Der folgende Style wird daher auskommentiert */
	  /*#main .right {
          margin-top: calc(var(--initial-header-height) * -1);
          padding-top: var(--initial-header-height);
      }*/
      #main .right .container .container-content {
          padding-left: 3rem !important;
          padding-right: 3rem !important;
      }
      #main .right .container:last-of-type .container-content,
      #main .right .container:last-of-type:first-of-type .container-content {
          padding-bottom: 6rem !important;
      }
  
      /* -----------------------------------------------
      SOCIAL MEDIA
      ----------------------------------------------- */
  
      .social-media {
          position: absolute;
          right: 1.75rem;
          list-style-type: none;
          margin: 0;
          padding: 0;
          display: grid;
          grid-gap: 0.25rem;
          grid-template-columns: 1fr 1fr 1fr;
          top: 40%;
          transform: translateY(-50%);
          opacity: 1;
          visibility: visible;
          transition: all .25s ease;
      }
      .social-media li {
          position: relative;
      }
      .social-media a::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      .social-media a:hover::after,
      .social-media a:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
  
      /* -----------------------------------------------
      LANGUAGE SWITCH
      ----------------------------------------------- */
  
      .language-menu li {
          position: relative;
      }
      .language-menu a::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      .language-menu a:hover::after,
      .language-menu a:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
  
      /* -----------------------------------------------
      QUICKLINKS
      ----------------------------------------------- */
  
      .navigation-quicklinks {
          position: absolute;
          right: 260px;
          top: 40%;
          transform: translateY(-50%);
          transition: all .25s ease;
          visibility: visible;
          opacity: 1;
      }
      .navigation-quicklinks li {
          position: relative;
      }
      .navigation-quicklinks a::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      .navigation-quicklinks a:hover::after,
      .navigation-quicklinks a:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
  
      /* -----------------------------------------------
      SEARCH
      ----------------------------------------------- */
  
      header .search > .search-toggle {
          position: absolute;;
          top: 40%;
          right: 9.5rem;
          transform: translateY(-50%);
          transition: all .25s ease;
          visibility: visible;
          opacity: 1;
      }
      header .search > .search-toggle::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      header .search > .search-toggle:hover::after,
      header .search > .search-toggle:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
      header #search-form {
          position: fixed;
          background: rgb(34 37 49 / 90%);
          transition: all .25s;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 15;
          opacity: 0 !important;
          width: 100% !important;
          height: 100% !important;
          overflow: hidden;
          display: none;
          padding: 0 !important;
          margin: 0 !important;
      }
      header #search-form.show {
          opacity: 1 !important;
      }
      header .search .search-content {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100vh;
      }
      header .search label {
          visibility: hidden;
          position: absolute;
          text-indent: -9999px;
      }
      header .search input {
          display: block;
          padding: .5rem 1rem;
          margin: 0;
          border: 0;
          width: 600px;
          color: #222531;
          max-width: calc(100vw - (55px * 2) - 2rem);
          min-height: 55px;
          font: inherit;
          font-weight: 600;
          appearance: none;
          border-radius: 0;
      }
      header .search input::placeholder {
          font-weight: 600;
          color: #222531;
      }
      header .search button {
          border: none;
          outline: none;
          background: var(--theme-color-preset-two);
          color: #222531;
          font: inherit;
          font-size: 1.25em;
          min-height: 55px;
          min-width: 55px;
          line-height: 55px;
          margin: 0;
          padding: 0;
          appearance: none;
          cursor: pointer;
      }
      header .search button:focus {
          outline: auto;
      }
      header .search button + .search-toggle {
          border: none;
          outline: none;
          background: transparent;
          color: #FFF !important;
          font: inherit;
          font-size: 1.25em;
          min-height: 55px;
          min-width: 55px;
          line-height: 55px;
          margin: 0;
          text-align: center;
      }
  
      /* -----------------------------------------------
      CONTRAST
      ----------------------------------------------- */
  
      .contrast-switch{
          display: flex;
          color: #000;
          transition: all .25s ease;
          visibility: visible;
          opacity: 1;
          z-index: 1;
      }
      .contrast-switch a::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      .contrast-switch a:hover::after,
      .contrast-switch a:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
  
      /* -----------------------------------------------
      FONTSIZE
      ----------------------------------------------- */
  
      .fontsize {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #000;
          position: absolute;
          right: 110px;
          top: 40%;
          transform: translateY(-50%);
          transition: all .25s ease;
          visibility: visible;
          opacity: 1;
          z-index: 1;
      }
      .accessibility-toggle::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--theme-color-preset-two);
          transition: all .25s;
          visibility: hidden;
          opacity: 0;
      }
      .accessibility-toggle:hover::after,
      .accessibility-toggle:focus-visible::after {
          visibility: visible;
          opacity: 1;
      }
      .accessibility-content {
          position: absolute;
          visibility: hidden;
          opacity: 0;
          pointer-events: none;
          /* top: 150%;*/
          left: 50%;
          transform: translateX(-50%);
          background: var(--theme-color-preset-two);
          padding: 1rem;
          box-shadow: 0 5px 10px rgba(0,0,0,.25);
      }
      .accessibility-content::before {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 50%;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid var(--theme-color-preset-two);
          transform: translateX(-50%);
          transition: all .25s;
      }
      .accessibility-content.show {
          visibility: visible;
          opacity: 1;
          pointer-events: all;
      }
      .accessibility-content::after {
          display: none;
      }
      .accessibility-content > div {
          position: relative;
          font-size: .95em;
      }
      .accessibility-toggle > div {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
      }
      .accessibility-toggle > div:last-child {
          padding-left: 1rem;
          visibility: hidden;
          text-indent: -9999px;
          position: absolute;
      }
      .accessibility-toggle > div span {
          display: block;
          line-height: 1.25;
      }
      .is-sticky .navigation-main {
          top: 57px;
      }
      .is-sticky .header-content {
          min-height: var(--fixed-header-height);
      }
  }
  @media(max-width: 1520px) {
      header .logo-img {
          top: 36%;
      }
  }
  @media(max-width: 1100px) {
        * {
            hyphens: auto;
            -webkit-hyphens: auto;
        }
      body {
          font-size: .9em !important; /*Override digiPortal font-size*/
      }
      body,
      body.scrolled {
          --header-height: 60px;
      }
      .header-wrap {
          background: #FFF;
      }
      header.is-sticky .logo-img,
      header .logo-img {
          top: 50%;
          left: 2rem;
          width: 215px;
          right: auto;
      }
      header .logo-img.sticky {
          display: block;
      }
      body.noscroll .logo-img:not(.sticky),
      header.is-sticky .logo-img:not(.sticky) {
          display: block;
      }
      body.noscroll .logo-img.sticky,
      header.is-sticky .logo-img.sticky {
          display: none;
      }
      header .search > .search-toggle {
          display: none;
      }
      #main.article {
          padding-top: var(--fixed-header-height);
      }
  
      .navigation-main {
          display: none;
      }
      .navigation-sidebar {
          display: none;
      }
      .sidebar-left,
      .sidebar-right,
      .sidebar-left-right {
          grid-template-columns: 100%;
          -ms-grid-columns: 100%;
          grid-gap: 0 !important;
      }
      .sidebar-left > .left {
          grid-row: 2;
      }
      .sidebar-left > .middle {
          grid-row: 1;
      }
      .sidebar-right > .middle {
          grid-row: 1;
      }
      .sidebar-right > .right {
          grid-row: 2;
      }
      .sidebar-left-right > .left {
          grid-row: 2;
      }
      .sidebar-left-right > .middle {
          grid-row: 1;
      }
      .sidebar-left-right > .right {
          grid-row: 3;
      }
      .pageteaser-teaser img {
          object-fit: cover;
      }
  
      /* -----------------------------------------------
      SOCIAL MEDIA
      ----------------------------------------------- */
  
      .social-media {
          list-style-type: none;
          margin: 0;
          padding: 0;
          display: grid;
          grid-gap: 0.25rem;
          grid-template-columns: 1fr 1fr 1fr;
          position: absolute;
          top: calc(100vh - 6rem);
          right: 220px;
          transition: all 0.25s cubic-bezier(.65,0,.35,1);
          transform: translateX(calc(400px + 0px - 2rem));
      }
      body.noscroll .social-media {
          transform: translateX(-4rem);
      }
  
      /* -----------------------------------------------
      LANGUAGE SWITCH
      ----------------------------------------------- */
  
      .language-menu {
        position: absolute;
        top: calc(100vh - 6.15rem);
        right: 190px;
        transition: all 0.25s cubic-bezier(.65,0,.35,1);
        transform: translateX(calc(400px + 0px - 2rem));
      }
      body.noscroll .language-menu {
          transform: translateX(-3rem);
      }
      .language-menu li {
        font-size: .9rem;
      }
  
      /* -----------------------------------------------
      QUICKLINKS
      ----------------------------------------------- */
  
      .navigation-quicklinks {
          position: absolute;
          top: calc(100vh - 6rem);
          right: 0;
          transition: all 0.25s cubic-bezier(.65,0,.35,1);
          transform: translateX(calc(400px + 0px - 2rem));
      }
      body.noscroll .navigation-quicklinks {
          transform: translateX(-2rem);
      }
      .navigation-quicklinks li {
          margin: 0 0 0 .75rem;
      }
  
      /* -----------------------------------------------
      SEARCH
      ----------------------------------------------- */
  
      header .search {
          position: absolute;
          width: calc(400px - 4rem - 60px);
          top: calc(var(--header-height) + 1.5rem);
          right: 0;
          transition: all 0.25s cubic-bezier(.65,0,.35,1);
          transform: translateX(calc(400px + 0px - 2rem));
      }
      body.noscroll header .search {
          transform: translateX(-2rem);
      }
      header .search form {
          display: block !important;
      }
      header .search .search-content {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
      }
      header .search input {
          display: block;
          padding: .5rem 1rem;
          margin: 0;
          border: 0;
          width: 100%;
          height: 45px;
          line-height: 45px;
          font: inherit;
          appearance: none;
          border-radius: 0;
          background: #f2f6ea;
      }
      header .search input::placeholder {
          font-weight: 600;
          color: #222531;
      }
      header .search button {
          border: none;
          outline: none;
          color: var(--theme-color-preset-two);
          background: #222531;
          font: inherit;
          min-height: 45px;
          min-width: 45px;
          line-height: 45px;
          margin: 0;
          padding: 0;
          appearance: none;
          cursor: pointer;
      }
      header .search button + .search-toggle {
          display: none;
      }
      header .search button:focus {
          outline: auto;
      }
  
      /* -----------------------------------------------
      FONTSIZE
      ----------------------------------------------- */
  
      .fontsize {
          display: none;
      }
  
      /* -----------------------------------------------
      CONTRAST
      ----------------------------------------------- */
  
      .accessibility {
          position: absolute;
          top: calc(var(--header-height) + 2rem);
          font-size: 1.25rem;
          right: 0;
          transition: all .25s cubic-bezier(.65,0,.35,1);
          transform: translateX(calc(0px + 50px + 2rem));
      }
      body.noscroll .accessibility {
          transform: translateX(calc(-400px + 45px + 2rem));
      }
      .contrast-switch{
          border: none;
          outline: none;
          background: #222531;
          color: var(--theme-color-preset-two);
          font: inherit;
          font-size: 1em;
          min-height: 45px;
          min-width: 45px;
          line-height: 45px;
          margin: 0;
          padding: 0;
          appearance: none;
          cursor: pointer;
          text-align: center;
      }
      .contrast-switcha {
          color: var(--theme-color-preset-two);
      }
      .accessibility-toggle.active .accessibility-icon,
      .accessibility-toggle:hover .accessibility-icon,
      .accessibility-toggle:focus .accessibility-icon {
          background: #FFF;
          color: var(--theme-color-preset-two);
      }
  }
  @media (max-width: 1023px) {
    .start-teasers-top.mehrspalter .mehrspalter-content .spalte:first-child {
        grid-column: 1 / -1;
      }
  }
  @media(max-width: 679px) {
      .stage h1 {
          text-align: center;
      }
      .stage .button {
          display: flex;
          margin: 0 auto;
          justify-content: center;
      }
      .pageteaser .image {
          max-width: 100%;
      }
      footer .spalte:last-child h3,
      footer .spalte:last-child p {
          text-align: left !important;
      }
      footer .spalte .image {
          width: 50% !important;
      }
      .gdc-object {
        display: block;
      }
        
  }
  @media (max-width: 500px) {
    .gdc-image-placeholder, .gdc-image-container {
      padding: 50% !important;
    }
  }
  @media(max-width: 480px) {
      .start-teaser img {
          /* max-height: 250px; */
          object-fit: cover;
      }
      .pageteaser.grid-disabled .pageteaser-teaser {
          margin: 0 0 2rem !important;
      }
      .pageteaser .button {
          margin: 0;
      }
  }
  @media(max-width: 400px) {
      .offcanvas {
          right: -100vw;
          width: 100vw;
      }
      .offcanvas.is-active {
          transform: translateX(-100vw);
      }
      .offcanvas[data-level-current="2"] > ul {
          transform: translateX(-100vw);
      }
      .offcanvas[data-level-current="3"] > ul {
          transform: translateX(-200vw);
      }
      .offcanvas[data-level-current="4"] > ul {
          transform: translateX(-300vw);
      }
      .offcanvas[data-level-current="5"] > ul {
          transform: translateX(-400vw);
      }
      .offcanvas[data-level-current="6"] > ul {
          transform: translateX(-500vw);
      }
      header .search {
          width: calc(100vw - 4rem - 60px);
          transform: translateX(calc(100vw + 0px - 2rem));
      }
      body.noscroll .accessibility {
          transform: translateX(calc(-100vw + 45px + 2rem));
      }
  }