/**
 * @license
 * MyFonts Webfont Build ID 3335566, 2017-01-24T09:11:55-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: PFCentroSansPro-Regular by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-centro-sans-pro/regular/
 * 
 * Webfont: PFCentroSansPro-Bold by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-centro-sans-pro/bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3335566
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2006 Parachute¨, www.parachute.gr.  All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/32e58e");

@font-face {
	font-family: 'PFCentroSansPro';
	src: url('vhs-assets-css-a6b3d1005a2b3bfceee49073294de349.eot');
	src: url('vhs-assets-css-1ffd84a43ff9e1936aa33c65aa0f18f2.eot?#iefix') format('embedded-opentype'),url('vhs-assets-css-42746a6c760df140975b88b30f083c7d.woff2') format('woff2'),url('vhs-assets-css-488c6f20b794edec27dfa7284fe72709.woff') format('woff'),url('vhs-assets-css-8abf8de9dbf204cbcb25a22b654242c2.ttf') format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'PFCentroSansPro';
	src: url('vhs-assets-css-d4bcbd35e84ab632e7be524b01ba0673.eot');
	src: url('vhs-assets-css-a054e3ae8892b9451819d2cf8fb458ae.eot?#iefix') format('embedded-opentype'),url('vhs-assets-css-bc7b786d772ec3933ec7036feb179b01.woff2') format('woff2'),url('vhs-assets-css-c8c7ccf421481946fec50da8b244964b.woff') format('woff'),url('vhs-assets-css-14f9d2d00c952013d09f60e9abe33b96.ttf') format('truetype');
	font-weight: bold;
}

 

/*
 * This file is the main entry point which is pased to the LESS compiler.
 * Include all other required less files within this file.
 *
 * Grunt compiles it into ..../Resources/Public/Styles/*.css
 */
@media only screen {
  .col-01 {
    width: 5.41666667%;
  }
  .col-02 {
    width: 13.95833333%;
  }
  .col-03 {
    width: 22.5%;
  }
  .col-04 {
    width: 31.04166666%;
  }
  .col-05 {
    width: 39.58333333%;
  }
  .col-06 {
    width: 48.125%;
  }
  .col-07 {
    width: 56.66666666%;
  }
  .col-08 {
    width: 65.20833333%;
  }
  .col-09 {
    width: 73.74999999%;
  }
  .col-10 {
    width: 82.29166666%;
  }
  .col-11 {
    width: 90.83333333%;
  }
  .col-12 {
    width: 99.37499999%;
  }
  .offset-01 {
    left: 8.54166667%;
  }
  .offset-02 {
    left: 17.08333333%;
  }
  .offset-03 {
    left: 25.625%;
  }
  .offset-04 {
    left: 34.16666666%;
  }
  .offset-05 {
    left: 42.70833333%;
  }
  .offset-06 {
    left: 51.25%;
  }
  .offset-07 {
    left: 59.79166666%;
  }
  .offset-08 {
    left: 68.33333333%;
  }
  .offset-09 {
    left: 76.87499999%;
  }
  .offset-10 {
    left: 85.41666666%;
  }
  .offset-11 {
    left: 93.95833333%;
  }
  /*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
  .scroll-pane {
    outline: none;
  }
  .jspContainer {
    overflow: hidden;
    position: relative;
    outline: none !important;
  }
  .jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
  }
  .text-content--right .jspVerticalBar {
    width: 6px;
    border-radius: 3px;
  }
  .jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
    display: none !important;
  }
  .jspCap.jspCapTop {
    height: 15px;
  }
  .jspCap.jspCapBottom {
    height: 15px;
  }
  .jspHorizontalBar .jspCap {
    float: left;
  }
  .jspTrack {
    background: transparent;
    position: relative;
  }
  .jspDrag {
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    top: 0;
    left: -20px;
    border-radius: 3px;
    width: 6px;
    cursor: pointer;
  }
  .text-content--right .jspDrag {
    left: 0;
  }
  .jspHorizontalBar .jspTrack,
  .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
  }
  .jspArrow {
    background: transparent;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
  }
  .jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
  }
  .jspVerticalBar .jspArrow {
    height: 16px;
  }
  .jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
  }
  .jspVerticalBar .jspArrow:focus {
    outline: none;
  }
  .jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
  }
  /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  * html .jspCorner {
    margin: 0 -3px 0 0;
  }
  /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  html {
    -webkit-font-smoothing: antialiased;
  }
  .ce-textpic.ce-left .ce-gallery {
    float: left;
    margin-right: 12px;
  }
  .ce-textpic.ce-right .ce-gallery {
    float: right;
    margin-left: 12px;
  }
  body,
  a {
    font-family: "PFCentroSansPro";
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }
  strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  p,
  .metacontent ul,
  .text-content ul,
  .metacontent ol,
  .text-content ol {
    margin-bottom: 20px;
  }
  p:after,
  .metacontent ul:after,
  .text-content ul:after,
  .metacontent ol:after,
  .text-content ol:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .metacontent ul,
  .text-content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 17px;
  }
  .metacontent ul.list-links,
  .text-content ul.list-links {
    list-style: none;
    padding-left: 0;
  }
  h1.small-line-height {
    padding-bottom: 0;
  }
  h2 {
    margin-bottom: 20px;
  }
  h3 {
    margin-bottom: 20px;
  }
  .metacontent a,
  .text-content a {
    text-decoration: underline;
  }
  .metacontent a[target="_blank"],
  .text-content a[target="_blank"] {
    padding-left: 20px;
    position: relative;
  }
  .metacontent a[target="_blank"]:before,
  .text-content a[target="_blank"]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 13px;
    background: transparent url('vhs-assets-css-190c1ac1ce4160cedd7ee5c075eef6a5.svg') 0 1px no-repeat;
  }
  .metacontent a.download,
  .text-content a.download {
    padding-left: 20px;
    position: relative;
  }
  .metacontent a.download:before,
  .text-content a.download:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 13px;
    background: transparent url('vhs-assets-css-7a348243c797acb931a1bab8cc989559.svg') 0 0 no-repeat;
  }
  .metacontent footer a,
  .text-content footer a {
    color: #fff;
    text-decoration: none;
  }
  table {
    margin-bottom: 20px;
  }
  table th {
    text-align: left;
    font-weight: bold;
  }
  table th,
  table td {
    padding-right: 10px;
    min-width: 80px;
  }
  text-content--right table {
    max-width: 100%;
  }
  .read-more:hover,
  .navigation--button--label:hover,
  .text-content--left a:hover {
    text-decoration: underline;
  }
  .project--title {
    transition: color 0.2s;
    color: rgba(255, 255, 255, 0.6);
  }
  .project--title:hover {
    color: #fff;
  }
  /*
body.open-navi .theme-purple-navilayer.navigationlayer a.project--title {	
	&:hover { 
		transition: background-color @hovertime;
		background-color: @theme-purple-dark;
	}
}

body.open-navi .theme-green-navilayer.navigationlayer a.project--title { 	
	&:hover { 
		transition: background-color @hovertime;
		background-color: @theme-green-dark;
	}	
}

body.open-navi .theme-red-navilayer.navigationlayer a.project--title {	
	&:hover { 
		transition: background-color @hovertime;
		background-color: @theme-red-dark;
	}
}

body.open-navi .theme-cyan-navilayer.navigationlayer a.project--title {	
	&:hover { 
		transition: backgrund-color @hovertime;
		background-color: @theme-cyan-dark;
	}
}
*/
  body.open-navi .theme-purple-navilayer.navigationlayer .navLevel2 li a,
  body.open-navi .theme-purple-navilayer.navigationlayer .navLevel3 li a,
  body.open-navi .theme-purple-navilayer.navigationlayer .projektArchiv .lvl-1 a,
  .theme-purple .project__articlenavigation a,
  .theme-purple .tabNavi {
    transition: background-color 0.2s;
  }
  body.open-navi .theme-purple-navilayer.navigationlayer .navLevel2 li a:hover,
  body.open-navi .theme-purple-navilayer.navigationlayer .navLevel3 li a:hover,
  body.open-navi .theme-purple-navilayer.navigationlayer .projektArchiv .lvl-1 a:hover,
  .theme-purple .project__articlenavigation a:hover,
  .theme-purple .tabNavi:hover {
    transition: background-color 0.2s;
    background-color: #381e5c;
  }
  body.open-navi .theme-green-navilayer.navigationlayer .navLevel2 li a,
  body.open-navi .theme-green-navilayer.navigationlayer .navLevel3 li a,
  body.open-navi .theme-green-navilayer.navigationlayer .projektArchiv .lvl-1 a,
  .theme-green .project__articlenavigation a,
  .theme-green .tabNavi {
    transition: background-color 0.2s;
  }
  body.open-navi .theme-green-navilayer.navigationlayer .navLevel2 li a:hover,
  body.open-navi .theme-green-navilayer.navigationlayer .navLevel3 li a:hover,
  body.open-navi .theme-green-navilayer.navigationlayer .projektArchiv .lvl-1 a:hover,
  .theme-green .project__articlenavigation a:hover,
  .theme-green .tabNavi:hover {
    transition: background-color 0.2s;
    background-color: #5c6411;
  }
  body.open-navi .theme-red-navilayer.navigationlayer .navLevel2 li a,
  body.open-navi .theme-red-navilayer.navigationlayer .navLevel3 li a,
  body.open-navi .theme-red-navilayer.navigationlayer .projektArchiv .lvl-1 a,
  .theme-red .project__articlenavigation a,
  .theme-red .tabNavi {
    transition: background-color 0.2s;
  }
  body.open-navi .theme-red-navilayer.navigationlayer .navLevel2 li a:hover,
  body.open-navi .theme-red-navilayer.navigationlayer .navLevel3 li a:hover,
  body.open-navi .theme-red-navilayer.navigationlayer .projektArchiv .lvl-1 a:hover,
  .theme-red .project__articlenavigation a:hover,
  .theme-red .tabNavi:hover {
    transition: background-color 0.2s;
    background-color: #640b1d;
  }
  body.open-navi .theme-cyan-navilayer.navigationlayer .navLevel2 li a,
  body.open-navi .theme-cyan-navilayer.navigationlayer .navLevel3 li a,
  body.open-navi .theme-cyan-navilayer.navigationlayer .projektArchiv .lvl-1 a,
  .theme-cyan .project__articlenavigation a,
  .theme-cyan .tabNavi {
    transition: background-color 0.2s;
  }
  body.open-navi .theme-cyan-navilayer.navigationlayer .navLevel2 li a:hover,
  body.open-navi .theme-cyan-navilayer.navigationlayer .navLevel3 li a:hover,
  body.open-navi .theme-cyan-navilayer.navigationlayer .projektArchiv .lvl-1 a:hover,
  .theme-cyan .project__articlenavigation a:hover,
  .theme-cyan .tabNavi:hover {
    transition: backgrund-color 0.2s;
    background-color: #375661;
  }
  .theme-purple .tabNavi {
    transition: background-color 0.2s;
  }
  .theme-purple .tabNavi:hover {
    transition: backgrund-color 0.2s;
    background-color: #522c85;
  }
  .theme-green .tabNavi {
    transition: background-color 0.2s;
  }
  .theme-green .tabNavi:hover {
    transition: backgrund-color 0.2s;
    background-color: #95a317;
  }
  .theme-red .tabNavi {
    transition: background-color 0.2s;
  }
  .theme-red .tabNavi:hover {
    transition: backgrund-color 0.2s;
    background-color: #99112c;
  }
  .theme-cyan .tabNavi {
    transition: background-color 0.2s;
  }
  .theme-cyan .tabNavi:hover {
    transition: backgrund-color 0.2s;
    background-color: #518394;
  }
  #cookieBanner {
    position: static;
    z-index: 8;
    background: #fff;
  }
  #cookieBanner p {
    color: #000;
  }
  #cookieBanner a {
    color: #000;
    text-decoration: underline;
  }
  #cookieBanner a:hover {
    color: #1b618c;
  }
  #cookieBanner button {
    background: none;
    outline: 1px solid #1b618c;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #cookieBanner button:hover {
    color: #1b618c;
  }
  #cookieBanner .closeButton {
    background: url('vhs-assets-css-1ab25dff011339e8a3e51445b62c3425.svg') center center no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }
  .rearrangeMeta {
    height: calc(100vh - 245px) !important;
  }
  .hiddenObject {
    display: none;
  }
  .navigation--button {
    position: relative;
    padding: 10px;
    cursor: pointer;
    /* Icon 3 */
  }
  .navigation--button span.navigation--button--label {
    padding-left: 25px;
    font-size: 14px;
  }
  .navigation--button #nav-icon3 {
    width: 16px;
    height: 16px;
    position: absolute;
    margin: 4px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .navigation--button #nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 1.5px;
    opacity: 1;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .navigation--button #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  .navigation--button #nav-icon3 span:nth-child(2),
  .navigation--button #nav-icon3 span:nth-child(3) {
    top: 4px;
  }
  .navigation--button #nav-icon3 span:nth-child(4) {
    top: 8px;
  }
  .navigation--button #nav-icon3.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
  .navigation--button #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .navigation--button #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navigation--button #nav-icon3.open span:nth-child(4) {
    top: 4px;
    width: 0%;
    left: 50%;
  }
  /* --- NAVIGATIONLAYER MOBILE --- */
  /* -------------------------------- */
  /* --- NAVIGATIONSLAYER DESKTOP --- */
  /* -------------------------------- */
  .theme-purple .project__articlenavigation {
    background-color: #522c85;
  }
  .theme-purple .project__articlenavigation a.current {
    background-color: #381e5c;
  }
  .theme-green .project__articlenavigation {
    background-color: #95a317;
  }
  .theme-green .project__articlenavigation a.current {
    background-color: #5c6411;
  }
  .theme-red .project__articlenavigation {
    background-color: #99112c;
  }
  .theme-red .project__articlenavigation a.current {
    background-color: #640b1d;
  }
  .theme-cyan .project__articlenavigation {
    background-color: #518394;
  }
  .theme-cyan .project__articlenavigation a.current {
    background-color: #375661;
  }
  /* --- PROJECT DESKTOP FULLSCREEN --- */
  .tx-indexedsearch-browsebox {
    display: none;
  }
  .download_hint {
    margin-top: -20px;
    margin-bottom: 20px;
    font-style: italic;
  }
  #wt-successful {
    display: none;
  }
  /*
Alle Control-Klassen:
auf .barba-container
	.content--faded
	.content--hidden
	.content--open
auf dem body
	.navi-open (die Navigationssachen sind weiterhin in "02_header_b_navigation.less")
*/
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn {
    width: 100%;
    padding-bottom: 56%;
    margin-bottom: 20px;
    position: relative;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    z-index: 1;
    padding: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner {
    position: absolute;
    width: 100%;
    padding-bottom: 56%;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    display: none;
    vertical-align: middle;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column:first-child {
    display: table-cell;
    opacity: 1;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column a {
    display: block;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column img {
    max-width: 86%;
    max-height: 86%;
    height: auto !important;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: 3;
    display: block;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption span.open-figcaption {
    position: absolute;
    display: block;
    top: -50px;
    right: 0;
    padding: 15px;
    background-color: #DFDFD5;
    cursor: pointer;
    color: #000;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption span.inner-figcaption {
    display: block;
    padding: 20px;
    background-color: #DFDFD5;
    color: #000;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption.open {
    height: auto;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .cbp-bicontrols {
    top: 0;
    display: block;
    width: 100%;
    height: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .cbp-bicontrols .cbp-biprev {
    z-index: 4;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: transparent url('vhs-assets-css-d66beaa68f838a5507751fd7f099c4a6.svg') center center no-repeat;
    cursor: pointer;
  }
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .cbp-bicontrols .cbp-binext {
    z-index: 4;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: transparent url('vhs-assets-css-96d80079a55b4533d647ec3694db33e9.svg') center center no-repeat;
    cursor: pointer;
  }
}
@media only screen and (max-width: 850px) {
  .jspContainer {
    height: auto !important;
  }
}
@media only screen and (min-width: 851px) {
  .jspPane {
    position: absolute;
  }
}
@media only screen and (max-width: 850px) {
  body,
  a {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 851px) {
  body .meta,
  body .meta a {
    color: #000;
  }
}
@media only screen and (min-width: 851px) and (min-width: 851px) {
  body .meta {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 850px) {
  h1 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 851px) {
  h1 {
    font-size: 36px;
    line-height: 40px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 850px) {
  h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 851px) {
  h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 850px) {
  h3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 851px) {
  h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 851px) {
  .metacontent a[target="_blank"] {
    padding-left: 18px;
  }
  .metacontent a[target="_blank"]:before {
    background: transparent url('vhs-assets-css-aa9c6422539d53d0988fbeda28d39fde.svg') 0 0 no-repeat;
  }
  .metacontent a.download {
    padding-left: 18px;
  }
  .metacontent a.download:before {
    background: transparent url('vhs-assets-css-91e8d9cbf974b1edeb85fe54c55d3ad2.svg') 0 0 no-repeat;
  }
}
@media only screen and (max-width: 850px) {
  .Fnavigation--desktop--container1 a:hover,
  .metacontent a:hover,
  .newsToggler:hover,
  .language-select a:hover {
    text-decoration: underline !important;
  }
}
@media only screen and (min-width: 851px) {
  .metacontent a,
  .newsToggler,
  .language-select a {
    transition: color 0.2s;
  }
  .metacontent a:hover,
  .newsToggler:hover,
  .language-select a:hover {
    color: #1b618c;
    transition: color 0.2s;
  }
}
@media only screen and (max-width: 850px) {
  .center {
    margin: 0 auto;
    max-width: 768px;
    position: relative;
  }
}
@media only screen and (min-width: 851px) {
  body {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .barba-container {
    position: absolute;
    width: 100%;
    height: 100vh;
  }
  #barba-wrapper,
  .center {
    position: relative;
    width: 100%;
    height: 100vh;
  }
}
@media only screen and (min-width: 851px) {
  #cookieBanner {
    position: relative;
    z-index: 7000;
    top: 0;
    padding: 30px;
  }
  #cookieBanner button {
    padding: 5px 20px;
  }
  #cookieBanner p {
    max-width: 70%;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 850px) {
  #cookieBanner {
    bottom: 0;
    padding: 15px;
  }
  #cookieBanner button {
    padding: 5px 20px;
  }
  #cookieBanner .closeButton {
    top: 8px;
    right: 8px;
  }
}
@media only screen and (max-width: 850px) {
  .logo {
    position: absolute;
    height: 52px;
    color: #006EB1;
    font-size: 32px;
    z-index: 8;
    margin-left: 15px;
    margin-top: 15px;
    opacity: 1;
    transition: opacity linear 1s;
  }
  .logo img.logo_white {
    display: none;
  }
  .logo img.logo_black {
    display: block;
  }
  .open-navi .logo {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .navigation--button {
    position: absolute;
    top: 19px;
    right: 5px;
    z-index: 6;
  }
  .navigation--button #nav-icon3 {
    margin-top: 5px;
  }
  .navigation--button #nav-icon3 span {
    background-color: #000;
  }
  .navigation--button .navigation--button--label {
    color: #000;
  }
  .open-navi .navigation--button #nav-icon3 span {
    background-color: #fff;
  }
  .open-navi .navigation--button .navigation--button--label {
    color: #fff;
  }
  .navigationlayer {
    background-color: #fff;
  }
  .meta_template .navigationlayer {
    background-color: #fff;
  }
  .open-navi .navigationlayer {
    background-color: #666;
  }
  body.open-navi .theme-purple-navilayer.navigationlayer {
    background-color: rgba(56, 30, 92, 0.9);
  }
  body.open-navi .theme-green-navilayer.navigationlayer {
    background-color: rgba(92, 100, 17, 0.9);
  }
  body.open-navi .theme-red-navilayer.navigationlayer {
    background-color: rgba(100, 11, 29, 0.9);
  }
  body.open-navi .theme-cyan-navilayer.navigationlayer {
    background-color: rgba(55, 86, 97, 0.9);
  }
  .navigationlayer {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 768px;
    height: 60px;
    z-index: 5;
    overflow: hidden;
    transition: height 1s, background-color 1s;
  }
  .open-navi .navigationlayer {
    position: fixed;
    height: 100vh;
    width: 100%;
    overflow-y: auto;
    transition: height 1s, background-color 1s;
  }
  .open-navi {
    overflow: hidden;
  }
  .Fnavigation--desktop--container1 {
    width: 100%;
    position: relative;
    top: 60px;
    transition: left 1s;
    left: 0;
  }
  .Fnavigation--desktop--container2 {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 100%;
    transition: left 1s;
  }
  .Fnavigation--desktop--container2 .jspDrag {
    display: none !important;
  }
  .project--subtree {
    display: none;
  }
  .back-to-lvl1 {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px 10px 36px;
    cursor: pointer;
  }
  .back-to-lvl1:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: transparent url('vhs-assets-css-67e250208992da8165fe6a0670f3d358.svg') left center no-repeat;
  }
  .barba-container.navi-level2 .Fnavigation--desktop--container1 {
    position: absolute;
    left: -100%;
    transition: left 1s;
  }
  .barba-container.navi-level2 .Fnavigation--desktop--container2 {
    position: relative;
    left: 0;
    transition: left 1s;
  }
  .header__nav--search--mobile {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    margin-top: 6px;
    margin-bottom: 20px;
  }
  .header__nav--search--mobile .tx-indexedsearch-searchbox-sword {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 25px 4px 10px;
    line-height: 22px;
  }
  .header__nav--search--mobile .tx-indexedsearch-searchbox-button {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 0 none;
    background: transparent url('vhs-assets-css-326b7455c230459ba9d366a715fb1d9f.svg') center center no-repeat;
    text-indent: -9999px;
    background-size: 20px 20px;
    width: 36px;
    height: 30px;
  }
  .project--topic {
    position: relative;
    left: 0;
    display: block;
    height: 50px;
    width: 100%;
  }
  .project--topic > a {
    margin-left: 15px;
    display: block;
    padding: 10px 28px 10px 20px;
    line-height: 20px;
  }
  .project--topic > a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: transparent url('vhs-assets-css-fd5ef79d8b9b9c0ce98a94030f5de4d7.svg') right center no-repeat;
  }
  .project--topic > span {
    margin-left: 15px;
    height: 40px;
    width: 6px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .project--topic .theme-purple {
    background-color: #522c85;
  }
  .project--topic .theme-green {
    background-color: #95a317;
  }
  .project--topic .theme-red {
    background-color: #99112c;
  }
  .project--topic .theme-cyan {
    background-color: #518394;
  }
  .theme-purple-navilayer .project--topic--open > a {
    background-color: #522c85;
  }
  .theme-green-navilayer .project--topic--open > a {
    background-color: #95a317;
  }
  .theme-red-navilayer .project--topic--open > a {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .project--topic--open > a {
    background-color: #518394;
  }
  .theme-purple-navilayer .project--title {
    background-color: #522c85;
  }
  .theme-green-navilayer .project--title {
    background-color: #95a317;
  }
  .theme-red-navilayer .project--title {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .project--title {
    background-color: #518394;
  }
  .project--title {
    margin-bottom: 2px;
    display: block;
    padding: 15px;
    color: rgba(255, 255, 255, 0.6);
  }
  .project--title:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .project--title h3 {
    margin-bottom: 12px;
  }
  .project--title img {
    float: left;
    height: auto !important;
    width: 40%;
    margin-right: 15px;
  }
  .theme-purple-navilayer .navLevel2 > li a {
    background-color: #522c85;
  }
  .theme-green-navilayer .navLevel2 > li a {
    background-color: #95a317;
  }
  .theme-red-navilayer .navLevel2 > li a {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .navLevel2 > li a {
    background-color: #518394;
  }
  .navLevel2 {
    clear: both;
  }
  .navLevel2 > li a {
    display: block;
    padding: 15px;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .navLevel2 > li a .amount {
    display: none;
  }
  .navLevel2 > li a .amount.show {
    display: block;
    color: rgba(255, 255, 255, 0.6);
  }
  .navLevel2 > li > ul {
    display: none;
  }
  .navLevel2 > li > ul ul {
    display: none;
  }
  .navLevel2 > li.projektArchiv > a {
    display: block;
    background-color: transparent;
  }
  .navLevel2 > li.projektArchiv > a + ul {
    display: none;
  }
  .navLevel2 > li.projektArchiv > a.active {
    display: none;
  }
  .navLevel2 > li.projektArchiv > a.active + ul {
    display: block;
  }
  .navLevel2 > li.projektArchiv > a.active + ul ul {
    display: none;
  }
  .metanav-left,
  .metanav-right,
  .language-select {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 12px 0;
    margin: 0 15px;
    display: block;
  }
  .metanav-left li,
  .metanav-right li,
  .language-select li {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .metanav-left {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 851px) {
  .navigationlayer .metanav-left,
  .navigationlayer .metanav-right,
  .navigationlayer .language-select {
    display: none;
  }
  .logo {
    position: fixed;
    top: 14px;
    right: 4%;
    z-index: 8;
  }
  .logo img.logo_white {
    display: block;
  }
  .logo img.logo_black {
    display: none;
  }
  .navigation--button {
    position: absolute;
    top: 10px;
    left: 4%;
    margin-left: -10px;
    z-index: 6;
  }
  .meta_template .navigationlayer {
    background-color: #1b618c;
  }
  .open-navi .navigationlayer {
    height: 100vh;
    transition: height 1s, background-color 1s;
  }
  .theme-purple .navigationlayer {
    background-color: #522c85;
  }
  .theme-green .navigationlayer {
    background-color: #95a317;
  }
  .theme-red .navigationlayer {
    background-color: #99112c;
  }
  .theme-cyan .navigationlayer {
    background-color: #518394;
  }
  .navigationlayer.fullscreen {
    background-color: transparent;
    transition: background-color 1s;
  }
  body.open-navi .theme-purple-navilayer.navigationlayer {
    background-color: rgba(56, 30, 92, 0.9);
  }
  body.open-navi .theme-green-navilayer.navigationlayer {
    background-color: rgba(92, 100, 17, 0.9);
  }
  body.open-navi .theme-red-navilayer.navigationlayer {
    background-color: rgba(100, 11, 29, 0.9);
  }
  body.open-navi .theme-cyan-navilayer.navigationlayer {
    background-color: rgba(55, 86, 97, 0.9);
  }
  .navigationlayer {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 5;
    overflow: hidden;
    transition: height 1s, background-color 1s;
  }
  .Fnavigation--desktop {
    position: absolute;
    margin: 0 4%;
    width: 92%;
    max-width: 1200px;
  }
  .Fnavigation--desktop .Fnavigation--desktop--container1 {
    height: 90vh;
    margin-top: 10vh;
    position: relative;
  }
  .header__nav--search--mobile {
    display: none;
  }
  .project--topic {
    width: 39.58333333%;
    position: relative;
    left: 0;
    display: block;
    height: 50px;
  }
  .project--topic > a {
    display: block;
    padding: 10px 0 10px 20px;
    line-height: 20px;
  }
  .project--topic > span {
    height: 40px;
    width: 5px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .project--topic .theme-purple {
    background-color: #522c85;
  }
  .project--topic .theme-green {
    background-color: #95a317;
  }
  .project--topic .theme-red {
    background-color: #99112c;
  }
  .project--topic .theme-cyan {
    background-color: #518394;
  }
  .theme-purple-navilayer .project--topic--open > a {
    background-color: #522c85;
  }
  .theme-green-navilayer .project--topic--open > a {
    background-color: #95a317;
  }
  .theme-red-navilayer .project--topic--open > a {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .project--topic--open > a {
    background-color: #518394;
  }
  .Fnavigation--desktop--container2 {
    left: 39.58333333%;
    width: 59.79166666%;
    position: absolute;
    top: 10%;
    height: 90%;
    overflow: auto;
  }
  .Fnavigation--desktop--container2 .wrapinside {
    position: relative;
  }
  .back-to-lvl1 {
    display: none;
  }
  .project--subtree {
    display: none;
  }
  .theme-purple-navilayer .project--title {
    background-color: #522c85;
  }
  .theme-green-navilayer .project--title {
    background-color: #95a317;
  }
  .theme-red-navilayer .project--title {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .project--title {
    background-color: #518394;
  }
  .project--title {
    margin-bottom: 2px;
    position: relative;
    float: left;
    padding: 16px 5%;
    min-height: 159px;
    width: 90%;
  }
  .project--title h3 {
    color: #fff;
    margin-bottom: 12px;
  }
  .project--title img {
    float: left;
    height: auto !important;
    width: 40%;
    margin-right: 16px;
    margin-bottom: 8px;
  }
  .theme-purple-navilayer .navLevel2 > li {
    background-color: #522c85;
  }
  .theme-green-navilayer .navLevel2 > li {
    background-color: #95a317;
  }
  .theme-red-navilayer .navLevel2 > li {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .navLevel2 > li {
    background-color: #518394;
  }
  .theme-purple-navilayer .navLevel2 > li:last-child > ul > li {
    background-color: #522c85;
  }
  .theme-green-navilayer .navLevel2 > li:last-child > ul > li {
    background-color: #95a317;
  }
  .theme-red-navilayer .navLevel2 > li:last-child > ul > li {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .navLevel2 > li:last-child > ul > li {
    background-color: #518394;
  }
  .theme-purple-navilayer .navLevel2 > li a.current {
    background-color: #381e5c;
  }
  .theme-green-navilayer .navLevel2 > li a.current {
    background-color: #5c6411;
  }
  .theme-red-navilayer .navLevel2 > li a.current {
    background-color: #640b1d;
  }
  .theme-cyan-navilayer .navLevel2 > li a.current {
    background-color: #375661;
  }
  .theme-purple-navilayer .navLevel2 > li.projektArchiv > .sub {
    background-color: #522c85;
  }
  .theme-green-navilayer .navLevel2 > li.projektArchiv > .sub {
    background-color: #95a317;
  }
  .theme-red-navilayer .navLevel2 > li.projektArchiv > .sub {
    background-color: #99112c;
  }
  .theme-cyan-navilayer .navLevel2 > li.projektArchiv > .sub {
    background-color: #518394;
  }
  .navLevel2 {
    clear: both;
  }
  .navLevel2 ul {
    margin-bottom: 0;
  }
  .navLevel2 > li {
    padding: 16px 5%;
    margin-bottom: 2px;
  }
  .navLevel2 > li > a {
    font-size: 20px;
    line-height: 30px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }
  .navLevel2 > li > a .amount {
    display: none;
  }
  .navLevel2 > li > ul {
    margin-bottom: 0;
    padding-top: 5px;
  }
  .navLevel2 > li > ul a {
    padding: 2px;
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
  }
  .navLevel2 > li > ul > li > a.sub {
    margin-top: 10px;
    padding: 0 2px 0;
    opacity: 0.6;
  }
  .navLevel2 > li > ul > li > a.sub + ul {
    display: none;
  }
  .navLevel2 > li > ul > li > a.sub.active {
    display: none;
  }
  .navLevel2 > li > ul > li > a.sub.active + ul {
    display: block;
  }
  .navLevel2 > li.projektArchiv {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
  }
  .navLevel2 > li.projektArchiv > .sub {
    /* opacity: @dimmedText; */
    padding: 10px 5%;
    margin-bottom: 2px;
  }
  .navLevel2 > li.projektArchiv > .sub:after {
    position: absolute;
    width: 40px;
    height: 30px;
    content: "";
    background: transparent url('vhs-assets-css-5130aae356eee563dcaaf35ce543d7a4.svg') center center no-repeat;
  }
  .navLevel2 > li.projektArchiv > .sub + ul {
    padding-top: 0;
    display: none;
  }
  .navLevel2 > li.projektArchiv > .sub.active {
    display: block;
  }
  .navLevel2 > li.projektArchiv > .sub.active:after {
    background: transparent url('vhs-assets-css-6a1dd7fbd4b07f0a516a5ca0dbd2e9e0.svg') center center no-repeat;
  }
  .navLevel2 > li.projektArchiv > .sub.active + ul {
    display: block;
  }
  .navLevel2 > li.projektArchiv > ul > li {
    padding: 16px 5%;
    margin-bottom: 2px;
  }
  .navLevel2 > li.projektArchiv > ul > li > a,
  .navLevel2 > li.projektArchiv > ul > li > a.active {
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    display: block;
    opacity: 1;
  }
  .navLevel2 > li.projektArchiv > ul > li > a + ul,
  .navLevel2 > li.projektArchiv > ul > li > a.active + ul {
    display: block;
  }
  .navLevel2 > li.projektArchiv > ul > li > a + ul > li:last-child > a,
  .navLevel2 > li.projektArchiv > ul > li > a.active + ul > li:last-child > a {
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  .theme-purple .navigation--breadcrumb {
    background-color: #522c85;
  }
  .theme-green .navigation--breadcrumb {
    background-color: #95a317;
  }
  .theme-red .navigation--breadcrumb {
    background-color: #99112c;
  }
  .theme-cyan .navigation--breadcrumb {
    background-color: #518394;
  }
  .navigation--breadcrumb {
    padding: 12px 35px 12px 15px;
    cursor: pointer;
    position: relative;
  }
  .navigation--breadcrumb .amount {
    display: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 20px;
  }
  .navigation--breadcrumb.show .amount {
    display: block;
  }
  .navigation--breadcrumb.show:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px;
    right: 15px;
    background: url('vhs-assets-css-818dd0d29fdf3d9f0915227a043b4aac.svg') right center no-repeat;
  }
  .navigation--breadcrumb.open.show:after {
    background: url('vhs-assets-css-4ffcd8725649bac24a4f737505847828.svg') right center no-repeat;
  }
  .navigation--breadcrumb span > span {
    display: inline-block;
    line-height: 20px;
  }
  .navigation--breadcrumb span > span a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
  }
  .navigation--breadcrumb span > span::before {
    content: " – ";
  }
  .navigation--breadcrumb span > span:first-child::before {
    display: none;
  }
}
@media only screen and (min-width: 851px) {
  .navigation--breadcrumb {
    z-index: 6;
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    height: 20px;
    margin-left: 71px;
    left: 4%;
    padding-left: 11px;
    margin-top: 20px;
  }
  .navigation--breadcrumb .amount {
    display: none;
  }
  .navigation--breadcrumb span > span {
    display: inline-block;
    line-height: 20px;
  }
  .navigation--breadcrumb span > span a {
    display: inline-block;
    line-height: 20px;
    cursor: default;
  }
  .navigation--breadcrumb span > span::before {
    content: " – ";
    padding-left: 10px;
    padding-right: 10px;
  }
  .navigation--breadcrumb span > span:first-child::before {
    display: none;
  }
}
@media only screen and (min-width: 851px) {
  .theme-purple .project__articlenavigation {
    border-top: 2px solid #381e5c;
  }
}
@media only screen and (min-width: 851px) {
  .theme-green .project__articlenavigation {
    border-top: 2px solid #5c6411;
  }
}
@media only screen and (min-width: 851px) {
  .theme-red .project__articlenavigation {
    border-top: 2px solid #640b1d;
  }
}
@media only screen and (min-width: 851px) {
  .theme-cyan .project__articlenavigation {
    border-top: 2px solid #375661;
  }
}
@media only screen and (max-width: 850px) {
  .project__articlenavigation {
    display: none;
    padding: 0 10px 8px;
  }
  .project__articlenavigation a {
    padding: 4px 5px;
    display: block;
  }
  .project__articlenavigation > ul {
    position: relative;
  }
  .project__articlenavigation > ul > li.beitragsArchivArchiv > a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
  }
  .project__articlenavigation > ul > li.beitragsArchivArchiv ul {
    display: none;
  }
  .project__articlenavigation > ul > li.beitragsArchivArchiv.open > a {
    display: none;
  }
  .project__articlenavigation > ul > li.beitragsArchivArchiv.open ul {
    display: block;
  }
}
@media only screen and (min-width: 851px) {
  .theme-purple .beitragsArchivArchiv ul {
    background-color: #522c85;
  }
  .theme-green .beitragsArchivArchiv ul {
    background-color: #95a317;
  }
  .theme-red .beitragsArchivArchiv ul {
    background-color: #99112c;
  }
  .theme-cyan .beitragsArchivArchiv ul {
    background-color: #518394;
  }
  .project__articlenavigation {
    position: absolute;
    padding: 0 4%;
    width: 92%;
    height: 40px;
    top: 60px;
    z-index: 2;
  }
  .project__articlenavigation > ul {
    margin-left: 71px;
  }
  .project__articlenavigation > ul > li {
    float: left;
  }
  .project__articlenavigation > ul > li a {
    padding: 10px 12px;
    display: block;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv {
    margin-left: 12px;
    position: relative;
    padding-left: 12px;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv > a {
    position: relative;
    padding-left: 12px;
    padding-right: 34px;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv > a:before {
    position: absolute;
    left: -12px;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #fff;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv > a:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url('vhs-assets-css-818dd0d29fdf3d9f0915227a043b4aac.svg') center center no-repeat;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv ul {
    position: absolute;
    left: 0;
    display: none;
    min-width: 245px;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv ul li {
    float: none;
    display: block;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv ul li a {
    padding: 5px 24px;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv.open > a:after {
    background: url('vhs-assets-css-4ffcd8725649bac24a4f737505847828.svg') center center no-repeat;
  }
  .project__articlenavigation > ul > .beitragsArchivArchiv.open ul {
    display: block;
  }
}
@media only screen and (max-width: 850px) {
  .theme-purple .page-header-infos,
  .theme-purple .content {
    background-color: #522c85;
  }
  .theme-green .page-header-infos,
  .theme-green .content {
    background-color: #95a317;
  }
  .theme-red .page-header-infos,
  .theme-red .content {
    background-color: #99112c;
  }
  .theme-cyan .page-header-infos,
  .theme-cyan .content {
    background-color: #518394;
  }
  .theme-kfw .page-header-infos,
  .theme-kfw .content {
    background-color: #1b618c;
  }
  .page-header-infos {
    padding: 0 15px 0;
    position: relative;
  }
  .project__articlenavigation + .page-header-infos {
    padding-top: 15px;
  }
  .project__articlenavigation + .page-header-infos:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .content {
    padding: 15px;
  }
  .content .read-more {
    display: none;
  }
  .content .close-text-content {
    display: none;
  }
  .content .tab--header {
    display: none;
  }
  .content .tabContent {
    display: block !important;
    margin-bottom: 20px;
  }
  .content .tabContent:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .text-content--left .page-header-infos,
  .text-content--left > footer {
    display: none;
  }
  .hp-text-content--left .page-header-infos {
    display: block;
    padding: 0;
  }
  .hp-text-content--left footer {
    display: none;
  }
  .text-content > footer {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .text-content > footer p {
    color: rgba(255, 255, 255, 0.6);
  }
  .text-content > footer p,
  .text-content > footer ul {
    margin-bottom: 12px;
  }
  .text-content--right img,
  .hp-text-content--right img {
    max-width: 100%;
    height: auto !important;
  }
  .text-content--right figcaption,
  .hp-text-content--right figcaption {
    display: none !important;
  }
  .text-content--right iframe,
  .hp-text-content--right iframe {
    max-width: 100%;
  }
  .text-content > footer {
    display: block;
  }
}
@media only screen and (min-width: 851px) {
  .project {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .project > .page-header-infos {
    display: none;
  }
  .h1--mobile {
    display: none;
  }
  .theme-purple .content .text-content--left,
  .theme-purple .content .text-content--right .tabNavi.active {
    background-color: #522c85;
  }
  .theme-green .content .text-content--left,
  .theme-green .content .text-content--right .tabNavi.active {
    background-color: #95a317;
  }
  .theme-red .content .text-content--left,
  .theme-red .content .text-content--right .tabNavi.active {
    background-color: #99112c;
  }
  .theme-cyan .content .text-content--left,
  .theme-cyan .content .text-content--right .tabNavi.active {
    background-color: #518394;
  }
  .theme-kfw .content .hp-text-content--left,
  .theme-kfw .content .hp-text-content--right .tabNavi.active {
    background-color: #1b618c;
  }
  .content {
    position: absolute;
    width: 100vw;
    height: 100vh;
  }
  .content .text-content {
    position: absolute;
    top: 180px;
    left: 4%;
    right: 4%;
    max-width: 1200px;
  }
  .content .text-content .text-content--left,
  .content .text-content .hp-text-content--left {
    width: 39.58333333%;
    min-height: 200px;
    position: relative;
    box-sizing: border-box;
    padding: 15px 50px 15px 25px;
  }
  .content .text-content .text-content--left .project-parent,
  .content .text-content .hp-text-content--left .project-parent {
    margin-bottom: 7px;
    padding-left: 2px;
  }
  .content .text-content .text-content--left .project-parent a,
  .content .text-content .hp-text-content--left .project-parent a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
  }
  .content .text-content .text-content--left .read-more,
  .content .text-content .hp-text-content--left .read-more {
    display: block;
    cursor: pointer;
    padding-left: 20px;
    background: transparent url('vhs-assets-css-d6e584198199e474e9a84497189e7ca9.svg') 0 center no-repeat;
  }
  .content .text-content .text-content--left footer,
  .content .text-content .hp-text-content--left footer {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
  }
  .content .text-content .text-content--left footer > div:first-child,
  .content .text-content .hp-text-content--left footer > div:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 24px;
  }
  .content .text-content .text-content--left footer p,
  .content .text-content .hp-text-content--left footer p {
    color: rgba(255, 255, 255, 0.6);
  }
  .content .text-content .text-content--left footer p,
  .content .text-content .hp-text-content--left footer p,
  .content .text-content .text-content--left footer ul,
  .content .text-content .hp-text-content--left footer ul {
    margin-bottom: 12px;
  }
  .content .text-content .text-content--right,
  .content .text-content .hp-text-content--right {
    left: 42.70833333%;
    width: 56.66666666%;
    position: absolute;
    top: 0;
    height: 70vh;
    display: none;
    overflow: auto;
  }
  .content .text-content .text-content--right img,
  .content .text-content .hp-text-content--right img {
    max-width: 90%;
    height: auto !important;
  }
  .content .text-content .text-content--right figcaption,
  .content .text-content .hp-text-content--right figcaption {
    display: none !important;
  }
  .content .text-content .text-content--right .tabNavi,
  .content .text-content .hp-text-content--right .tabNavi {
    float: left;
    cursor: pointer;
    margin-bottom: 28px;
    padding: 5px 8px;
    margin-right: 2px;
  }
  .content .text-content .text-content--right .tabContent,
  .content .text-content .hp-text-content--right .tabContent {
    clear: both;
    display: none;
  }
  .content .text-content .text-content--right h2,
  .content .text-content .hp-text-content--right h2 {
    max-width: 610px;
    padding-right: 10%;
  }
  .content .text-content .text-content--right .ce-center.ce-above,
  .content .text-content .hp-text-content--right .ce-center.ce-above {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .content .text-content .text-content--right .ce-center.ce-above iframe,
  .content .text-content .hp-text-content--right .ce-center.ce-above iframe {
    width: 90%;
    height: 340px !important;
  }
  .content .text-content .text-content--right .ce-bodytext p,
  .content .text-content .hp-text-content--right .ce-bodytext p,
  .content .text-content .text-content--right .ce-bodytext ul,
  .content .text-content .hp-text-content--right .ce-bodytext ul,
  .content .text-content .text-content--right .ce-bodytext table,
  .content .text-content .hp-text-content--right .ce-bodytext table {
    max-width: 610px;
    padding-right: 10%;
  }
  .content .text-content .close-text-content {
    position: absolute;
    background: transparent url('vhs-assets-css-1e1e01372d9a89573bd7e002d271c721.svg') center center no-repeat;
    background-size: 17px 17px;
    top: -35px;
    right: -5px;
    width: 30px;
    height: 30px;
    display: none;
    color: #000;
    cursor: pointer;
  }
  .content .text-content .hp-text-content--left {
    height: 500px;
  }
  .content .text-content .hp-text-content--right {
    display: block;
  }
  .theme-kfw .content {
    background-color: rgba(16, 58, 84, 0.9);
  }
  .homepage footer {
    z-index: 7 !important;
    opacity: 1 !important;
  }
  .content__hide {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
    background: transparent url('vhs-assets-css-1e1e01372d9a89573bd7e002d271c721.svg') center center no-repeat;
    background-size: 17px 17px;
    cursor: pointer;
  }
  .content--hidden .content__hide {
    background: transparent url('vhs-assets-css-d6e584198199e474e9a84497189e7ca9.svg') center center no-repeat;
  }
}
@media only screen and (max-width: 850px) {
  .theme-purple .bg-control-element,
  .theme-purple .vjs-control-bar,
  .theme-purple .video-js {
    background-color: #381e5c;
  }
  .theme-green .bg-control-element,
  .theme-green .vjs-control-bar,
  .theme-green .video-js {
    background-color: #5c6411;
  }
  .theme-red .bg-control-element,
  .theme-red .vjs-control-bar,
  .theme-red .video-js {
    background-color: #640b1d;
  }
  .theme-cyan .bg-control-element,
  .theme-cyan .vjs-control-bar,
  .theme-cyan .video-js {
    background-color: #375661;
  }
  .fullscreen-background {
    /*
		.video-js {
			position: relative;
			width: 100%;
			padding-bottom: 56.25%;
			overflow: hidden;
			
			video {
				width: 100%;
			}
		}
		*/
  }
  .fullscreen-background .cbp-bislideshow {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .fullscreen-background .cbp-bislideshow li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
  }
  .fullscreen-background .cbp-bislideshow li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .fullscreen-background .cbp-bislideshow li .bgOverlay {
    display: none;
  }
  .fullscreen-background .video-js {
    position: relative;
    width: 100%;
    overflow: visible;
    height: auto;
  }
  .fullscreen-background .video-js .vjs-text-track-display {
    width: 50%;
  }
  .fullscreen-background .video-js video {
    width: 100%;
  }
  .fullscreen-background .video-js > button,
  .fullscreen-background .video-js > div {
    display: none;
  }
  .fullscreen-background .video-js > .vjs-text-track-display {
    display: block;
  }
  .fullscreen-background .video-js .vjs-control-bar {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
    min-height: 40px;
    transition: bottom ease 1s;
  }
  .fullscreen-background .video-js .vjs-control-bar > div,
  .fullscreen-background .video-js .vjs-control-bar .vjs-fullscreen-control {
    display: none;
  }
  .fullscreen-background .video-js .vjs-control-bar .subtitletext-on {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 15px;
  }
  .fullscreen-background .video-js .vjs-control-bar .subtitletext-off {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 15px;
  }
  .fullscreen-background .video-js .vjs-control-bar .video-js-copyright {
    display: block;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-play-control {
    position: absolute;
    top: 4px;
    left: 10px;
    background: transparent url('vhs-assets-css-60e144e125cd957f6d124c0fc78f20b1.svg') 4px center no-repeat;
    cursor: pointer;
    width: 160px;
    height: 30px;
    display: block;
    border: 0 none;
    color: white;
    text-align: left;
    padding-left: 30px;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-play-control.vjs-playing,
  .fullscreen-background .video-js .vjs-control-bar .vjs-play-control.vjs-paused {
    text-indent: -9999px;
    outline: none !important;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-play-control.vjs-playing {
    background: transparent url('vhs-assets-css-58558d3e60adc85f45f0f62d4a8c894f.svg') 4px center no-repeat;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-subtitles-button {
    display: none;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    top: 0;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress,
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
    display: none;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
    height: 2px;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    height: 2px;
    background-color: #fff;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before {
    position: absolute;
    right: 0;
    top: 0;
  }
  .fullscreen-background .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress .vjs-control-text {
    display: none;
  }
  .fullscreen-background .video-js .vjs-control-bar .bg-control-element__copyright {
    padding: 40px 15px 15px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
  }
  .fullscreen-background .video-js .vjs-control-bar .showtext .bg-control-element__copyright__text {
    height: 40px;
  }
  .fullscreen-background .bg-control-element {
    position: relative;
  }
  .fullscreen-background .bg-control-element .cbp-status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols {
    position: absolute;
    width: 100%;
    height: 45px;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols > span {
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols > span > div {
    display: none;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-biplay {
    position: absolute;
    top: 7px;
    left: 5px;
    background: transparent url('vhs-assets-css-60e144e125cd957f6d124c0fc78f20b1.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-bipause {
    position: absolute;
    top: 7px;
    left: 10px;
    background: transparent url('vhs-assets-css-58558d3e60adc85f45f0f62d4a8c894f.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-binext {
    position: absolute;
    top: 7px;
    right: 5px;
    background: transparent url('vhs-assets-css-d6e584198199e474e9a84497189e7ca9.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-biprev {
    position: absolute;
    top: 7px;
    right: 100px;
    background: transparent url('vhs-assets-css-0691aa500556d6b30ed71aa71a84f88f.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .counter {
    position: absolute;
    width: 61px;
    top: 13px;
    right: 35px;
  }
  .fullscreen-background .bg-control-element .counter .counter__current {
    display: inline-block;
    padding: 0 5px;
  }
  .fullscreen-background .bg-control-element .counter .counter__total {
    display: inline-block;
    padding: 0 5px;
  }
  .fullscreen-background .bg-control-element .bg-control-element__description {
    padding: 40px 15px 0 15px;
    min-height: 66px;
  }
  .fullscreen-background .bg-control-element .bg-control-element__copyright {
    padding: 0 15px 15px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .showtext .bg-control-element__copyright__text {
    height: 40px;
  }
  .bg-control-element__copyright .bg-control-element__copyright__text {
    display: none;
  }
}
@media only screen and (min-width: 851px) {
  .fullscreen-background {
    position: absolute;
    width: 100%;
    height: calc(100% - 40px);
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #000;
  }
  .fullscreen-background .cbp-bislideshow li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
  }
  .fullscreen-background .cbp-bislideshow li img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .fullscreen-background .cbp-bislideshow li .bgOverlay {
    display: none;
  }
  .fullscreen-background .bg-control-element {
    width: 31.04166666%;
    position: absolute;
    right: 4%;
    bottom: 70px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
  }
  .fullscreen-background .bg-control-element .cbp-status {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols {
    position: absolute;
    width: 100%;
    height: 45px;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols > span {
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols > span > div {
    display: none;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-biplay {
    position: absolute;
    top: 7px;
    left: 5px;
    background: transparent url('vhs-assets-css-60e144e125cd957f6d124c0fc78f20b1.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-bipause {
    position: absolute;
    top: 7px;
    left: 10px;
    background: transparent url('vhs-assets-css-58558d3e60adc85f45f0f62d4a8c894f.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-binext {
    position: absolute;
    top: 7px;
    right: 5px;
    background: transparent url('vhs-assets-css-d6e584198199e474e9a84497189e7ca9.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .cbp-bicontrols .cbp-biprev {
    position: absolute;
    top: 7px;
    right: 95px;
    background: transparent url('vhs-assets-css-0691aa500556d6b30ed71aa71a84f88f.svg') center center no-repeat;
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element .counter {
    position: absolute;
    width: 58px;
    top: 13px;
    right: 34px;
  }
  .fullscreen-background .bg-control-element .counter .counter__current {
    display: inline-block;
    padding: 0 5px;
  }
  .fullscreen-background .bg-control-element .counter .counter__total {
    display: inline-block;
    padding: 0 5px;
  }
  .fullscreen-background .bg-control-element .bg-control-element__description {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 14px;
    min-height: 60px;
  }
  .fullscreen-background .bg-control-element__copyright {
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 14px;
  }
  .fullscreen-background .bg-control-element__copyright > span {
    cursor: pointer;
  }
  .fullscreen-background .bg-control-element__copyright.showtext .bg-control-element__copyright__text {
    height: 28px;
  }
  .fullscreen-background .bg-control-element__copyright.video-js-copyright.showtext .bg-control-element__copyright__text {
    height: auto;
  }
  .video-js {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
  }
  .video-js video {
    min-width: 100%;
    max-height: 100%;
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .video-js .vjs-text-track-display {
    width: 50%;
  }
  .video-js > button,
  .video-js > div {
    display: none;
  }
  .video-js > .vjs-text-track-display {
    display: block;
  }
  .video-js > .vjs-control-bar {
    width: 31.04166666%;
    position: absolute;
    right: 4%;
    bottom: 70px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: bottom ease 1s;
    display: block;
    padding-top: 40px;
  }
  .video-js > .vjs-control-bar.subtitle {
    bottom: 158px;
    transition: bottom ease 1s;
  }
  .video-js > .vjs-control-bar > div,
  .video-js > .vjs-control-bar .vjs-fullscreen-control {
    display: none;
  }
  .video-js > .vjs-control-bar .subtitletext-on {
    cursor: pointer;
  }
  .video-js > .vjs-control-bar .subtitletext-off {
    cursor: pointer;
  }
  .video-js > .vjs-control-bar .video-js-copyright {
    display: block;
  }
  .video-js > .vjs-control-bar .vjs-play-control {
    position: absolute;
    top: 6px;
    left: 20px;
    background: transparent url('vhs-assets-css-60e144e125cd957f6d124c0fc78f20b1.svg') 4px center no-repeat;
    cursor: pointer;
    width: 140px;
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 24px;
    display: block;
    border: 0 none;
    color: #fff;
    text-align: left;
  }
  .video-js > .vjs-control-bar .vjs-play-control.vjs-playing,
  .video-js > .vjs-control-bar .vjs-play-control.vjs-paused {
    text-indent: -9999px;
    outline: none !important;
  }
  .video-js > .vjs-control-bar .vjs-play-control.vjs-playing {
    background: transparent url('vhs-assets-css-58558d3e60adc85f45f0f62d4a8c894f.svg') 4px center no-repeat;
  }
  .video-js > .vjs-control-bar .vjs-subtitles-button {
    display: none;
  }
  .video-js > .vjs-control-bar .vjs-progress-control {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    top: 0;
  }
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-load-progress,
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
    display: none;
  }
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
    height: 2px;
  }
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    height: 2px;
    background-color: #fff;
  }
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before {
    position: absolute;
    right: 0;
    top: 0;
  }
  .video-js > .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress .vjs-control-text {
    display: none;
  }
  .video-js > .vjs-control-bar .subtitletext-on,
  .video-js > .vjs-control-bar .subtitletext-off {
    position: absolute;
    top: 11px;
    right: 20px;
  }
  .fullscreen-control {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 300px;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .bg-control-element__copyright .bg-control-element__copyright__text {
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  .fullscreen-fallback {
    display: none;
  }
}
@media only screen and (min-width: 851px) {
  .fullscreen-fallback {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
    z-index: 2;
  }
  .fullscreen-fallback img {
    display: none;
  }
  .meta_template .fullscreen-fallback {
    display: block;
  }
  .meta_template .fullscreen-fallback img {
    display: block;
  }
  .fullscreen-fallback .fullscreen-dimmer {
    background-color: #1b618c;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 850px) {
  .meta_template .meta .metacontent {
    display: block;
  }
  .meta_template .meta .metanavigation {
    display: none;
  }
  .project_template .meta .closeMeta {
    display: none;
  }
  .project_template .meta .metanavigation {
    display: block;
  }
  .project_template .meta .metanavigation .metanav-left,
  .project_template .meta .metanavigation .metanav-right {
    border-bottom: 1px solid #979797;
  }
  .project_template .meta .metanavigation a {
    color: #000;
  }
  .project_template .meta .metanavigation .search-switch {
    display: none;
  }
  .project_template .meta .metacontent {
    display: none;
  }
}
@media only screen and (min-width: 851px) {
  .meta {
    min-height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: height 0.72s ease-out;
  }
  .meta.open {
    height: 85vh;
    transition: height 0.72s ease-out;
  }
  .meta.open .metacontent {
    overflow: auto;
    width: 100%;
    height: calc(100% - 40px);
  }
  .meta .closeMeta {
    position: absolute;
    right: 4%;
    margin-right: -8px;
    top: -35px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    background: transparent url('vhs-assets-css-1e1e01372d9a89573bd7e002d271c721.svg') center center no-repeat;
    background-size: 15px 15px;
  }
  .meta .metanavigation {
    position: relative;
    width: 92%;
    padding: 0 4%;
    height: 40px;
    background-color: #fff;
  }
  .meta .metanavigation .metanav-left a,
  .meta .metanavigation .metanav-right a,
  .meta .metanavigation .metanav-controls a {
    text-decoration: none;
  }
  .meta .metanavigation .metanav-left li,
  .meta .metanavigation .metanav-right li,
  .meta .metanavigation .metanav-controls li {
    float: left;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .meta .metanavigation .metanav-left li a,
  .meta .metanavigation .metanav-right li a,
  .meta .metanavigation .metanav-controls li a {
    display: block;
    text-decoration: none;
    transition: color 0.2s;
  }
  .meta .metanavigation .metanav-left li.active a,
  .meta .metanavigation .metanav-right li.active a,
  .meta .metanavigation .metanav-controls li.active a {
    background-color: #DFDFD5;
  }
  .meta .metanavigation .metanav-left li:hover a,
  .meta .metanavigation .metanav-right li:hover a,
  .meta .metanavigation .metanav-controls li:hover a {
    transition: color 0.2s;
    color: #1b618c;
  }
  .meta .metanavigation .metanav-left {
    padding-right: 44px;
    margin-left: -12px;
  }
  .meta .metanavigation .metanav-left li a {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
  }
  .meta .metanavigation .metanav-right li a {
    padding: 14px 10px 12px;
    font-size: 12px;
    line-height: 14px;
  }
  .meta .metanavigation .metanav-controls {
    float: right;
    margin-right: -14px;
  }
  .meta .metanavigation .metanav-controls .language-select {
    float: left;
  }
  .meta .metanavigation .metanav-controls .language-select a {
    display: block;
    padding: 14px 5px 12px;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    float: none;
  }
  .meta .metanavigation .metanav-controls .search-switch {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 13px;
    background: transparent url('vhs-assets-css-326b7455c230459ba9d366a715fb1d9f.svg') center center no-repeat;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent {
    padding: 20px 15px;
    background-color: #1b618c;
    position: relative;
  }
  .meta .metacontent .closeMeta {
    display: none;
  }
  .meta .metacontent .meta-col-3:after,
  .meta .metacontent .meta-col-4:after,
  .meta .metacontent .meta-col-6:after,
  .meta .metacontent .meta-col-8:after,
  .meta .metacontent .meta-col-9:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .meta .metacontent .ce-textpic {
    clear: both;
  }
  .meta .metacontent .ce-gallery {
    display: table-cell;
    padding-top: 3px;
    padding-bottom: 20px;
  }
  .meta .metacontent .ce-gallery figcaption {
    display: none;
  }
  .meta .metacontent .ce-textpic img,
  .meta .metacontent .csc-textpic img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }
  .meta .metacontent .ce-bodytext {
    display: table-cell;
  }
  .meta .metacontent h2 {
    margin-top: 12px;
  }
  .meta .metacontent .news-list-view {
    width: 100%;
  }
  .meta .metacontent .news-list-view:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .meta .metacontent .news-list-view .article {
    display: block;
    text-decoration: none;
  }
  .meta .metacontent .news-list-view .article .news-kategorie {
    display: block;
    position: relative;
    opacity: 0.8;
  }
  .meta .metacontent .news-list-view .article .news-kategorie .news-list-date-element {
    white-space: nowrap;
  }
  .meta .metacontent .news-list-view .article .news-kategorie .kategorie--element {
    display: inline-block;
  }
  .meta .metacontent .news-list-view .article .news-kategorie .kategorie--element:after {
    content: ", ";
  }
  .meta .metacontent .news-list-view .article .news-kategorie .kategorie--element:last-child:after {
    display: none;
  }
  .meta .metacontent .news-list-view .article .news-list-date {
    opacity: 0.7;
    margin-bottom: 0;
  }
  .meta .metacontent .news-list-view .article h2 {
    margin-top: 0;
  }
  .meta .metacontent .news-list-view .article h2 .read-more {
    display: none;
  }
  .meta .metacontent .news-list-view .article .news-img-wrap {
    display: none;
  }
  .meta .metacontent header.newsToggler {
    border-top: 1px solid #ffffff;
    padding-top: 22px;
  }
  .meta .metacontent header.newsToggler h2:after {
    position: absolute;
    width: 40px;
    height: 24px;
    content: "";
    background: transparent url('vhs-assets-css-5130aae356eee563dcaaf35ce543d7a4.svg') center center no-repeat;
  }
  .meta .metacontent header.newsToggler.open h2:after {
    background: transparent url('vhs-assets-css-6a1dd7fbd4b07f0a516a5ca0dbd2e9e0.svg') center center no-repeat;
  }
  .meta .metacontent header.newsToggler + .news {
    display: none;
  }
  .meta .metacontent .news-single .news-backlink-wrap a {
    background: transparent url('vhs-assets-css-0691aa500556d6b30ed71aa71a84f88f.svg') 0 1px no-repeat;
    display: block;
    margin-bottom: 20px;
    padding-left: 20px;
    text-decoration: none;
    position: relative;
  }
  .meta .metacontent .news-single .newsdetail-kategorie {
    display: inline-block;
    float: left;
    padding-right: 26px;
    position: relative;
    margin-bottom: 20px;
  }
  .meta .metacontent .news-single .newsdetail-kategorie .kategorie--element {
    display: inline-block;
  }
  .meta .metacontent .news-single .newsdetail-kategorie .kategorie--element:after {
    content: ", ";
  }
  .meta .metacontent .news-single .newsdetail-kategorie .kategorie--element:last-child:after {
    display: none;
  }
  .meta .metacontent .news-single .newsdetail-kategorie:after {
    position: absolute;
    height: 20px;
    width: 1px;
    right: 12px;
    content: "";
    top: -1px;
    background-color: #fff;
  }
  .meta .metacontent .news-single .newsdetail-footer {
    display: inline-block;
    float: left;
    height: 20px;
    margin-bottom: 20px;
  }
  .meta .metacontent .news-single .newsdetail-footer .text-label {
    display: inline-block;
    margin-bottom: 0;
  }
  .meta .metacontent .news-single .newsdetail-footer .text-label .news-list-date {
    display: inline-block;
  }
  .meta .metacontent .news-single .newsdetail-footer .text-label .news-list-date time {
    display: inline-block;
  }
  .meta .metacontent .news-single .newsdetail-body {
    clear: both;
    width: 100%;
  }
  .meta .metacontent .news-single .project-link a {
    padding: 3px 13px;
    background-color: #fff;
    border: 1px solid #979797;
    display: inline-block;
    color: #1b618c;
    text-decoration: none;
  }
  .meta .metacontent .news-single .meta-col-3 .newsPDF {
    display: block;
    padding: 2px 0 5px 34px;
    background: transparent url('vhs-assets-css-18539644184c14e5cf892827d4fd99e2.svg') 0 0 no-repeat;
    margin-bottom: 11px;
    text-decoration: none;
  }
  .meta .metacontent .news-single .meta-col-3 .newsPDF:before {
    display: none !important;
  }
  .meta .metacontent .news-single .meta-col-3 .newsWeiterleitung {
    display: block;
    padding: 2px 0 5px 34px;
    background: transparent url('vhs-assets-css-590214c6a1786581ac4cdc0252d6927a.svg') 0 0 no-repeat;
    margin-bottom: 11px;
    text-decoration: none;
  }
  .meta .metacontent .tx-indexedsearch-searchbox {
    background-color: #fff;
    padding: 10px 4%;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .meta .metacontent .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
    border: 0 none;
    background-color: #f1f1eb;
    box-sizing: border-box;
    width: 68%;
    margin-right: 2%;
    line-height: 22px;
    padding: 2px 7px;
  }
  .meta .metacontent .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
    margin-left: 12px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 2px 7px 2px 26px;
    margin-left: 0;
    width: 28%;
    border: 0 none;
    display: inline-block;
    color: #fff;
    background: #1b618c url('vhs-assets-css-274ba959bc7e84ac5afdd4dfd8510228.svg') 7px center no-repeat;
    cursor: pointer;
  }
  .meta .metacontent .center-result .bold-result {
    font-weight: bold;
  }
  .meta .metacontent .tx-indexedsearch-res {
    margin-bottom: 20px;
  }
  .meta .metacontent .tx-indexedsearch-res h3 {
    margin-bottom: 8px;
  }
  .meta .metacontent .tx-indexedsearch-res h3 p {
    margin-bottom: 0;
  }
  .meta .metacontent .tx-indexedsearch-res .tx-indexedsearch-title a {
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    font-weight: normal;
    margin-bottom: 0;
  }
  .meta .metacontent .tx-indexedsearch-res > p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 851px) {
  .meta {
    z-index: 3;
  }
  .meta .metacontent {
    position: relative;
    background-color: #F1F1EB;
  }
  .meta .metacontent .metacontent__container {
    position: relative;
    width: 92%;
    max-width: 1200px;
    padding: 60px 4% 35px;
  }
  .meta .metacontent .metacontent__container:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .meta .metacontent .metacontent__container .meta_grid {
    width: 100%;
  }
  .meta .metacontent .metacontent__container .meta_grid:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-3 {
    min-height: 1px;
    float: left;
    width: 22.5%;
    margin-right: 3.125%;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-3:last-child {
    margin-right: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-4 {
    min-height: 1px;
    float: left;
    width: 31.04166666%;
    margin-right: 3.125%;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-4:last-child {
    margin-right: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-6 {
    min-height: 1px;
    float: left;
    width: 48.125%;
    margin-right: 3.125%;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-6:last-child {
    margin-right: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-8 {
    min-height: 1px;
    float: left;
    width: 65.20833333%;
    margin-right: 3.125%;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-8:last-child {
    margin-right: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-9 {
    min-height: 1px;
    float: left;
    width: 73.74999999%;
    margin-right: 3.125%;
  }
  .meta .metacontent .metacontent__container .meta_grid .meta-col-9:last-child {
    margin-right: 0;
  }
  .meta .metacontent .metacontent__container .meta_grid .ce-gallery {
    display: table-cell;
    padding-top: 3px;
    padding-bottom: 20px;
  }
  .meta .metacontent .metacontent__container .meta_grid .ce-gallery figcaption {
    display: none;
  }
  .meta .metacontent .metacontent__container .meta_grid .ce-center.ce-above .ce-gallery,
  .meta .metacontent .metacontent__container .meta_grid .ce-center.ce-below .ce-gallery {
    display: block;
    width: 100%;
  }
  .meta .metacontent .metacontent__container .meta_grid .ce-textpic img,
  .meta .metacontent .metacontent__container .meta_grid .csc-textpic img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
  }
  .meta .metacontent .metacontent__container .meta_grid .ce-bodytext {
    display: table-cell;
  }
  .meta .metacontent .metacontent__container .meta_grid h2 {
    margin-top: 12px;
  }
  .meta .metacontent .metacontent__container .news-list-view {
    width: 100%;
  }
  .meta .metacontent .metacontent__container .news-list-view:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }
  .meta .metacontent .metacontent__container .news-list-view .article,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child {
    display: block;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-decoration: none;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-list-date-element,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-list-date-element {
    white-space: nowrap;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-kategorie,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-kategorie {
    display: block;
    position: relative;
    margin-bottom: 0;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-kategorie .kategorie--element,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-kategorie .kategorie--element {
    display: inline-block;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-kategorie .kategorie--element:after,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-kategorie .kategorie--element:after {
    content: ", ";
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-kategorie .kategorie--element:last-child:after,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-kategorie .kategorie--element:last-child:after {
    display: none;
  }
  .meta .metacontent .metacontent__container .news-list-view .article h2,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2,
  .meta .metacontent .metacontent__container .news-list-view .article h2:hover,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2:hover {
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .meta .metacontent .metacontent__container .news-list-view .article h2 .read-more,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2 .read-more,
  .meta .metacontent .metacontent__container .news-list-view .article h2:hover .read-more,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2:hover .read-more {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    padding-left: 20px;
    position: relative;
    opacity: 0.6;
  }
  .meta .metacontent .metacontent__container .news-list-view .article h2 .read-more:hover,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2 .read-more:hover,
  .meta .metacontent .metacontent__container .news-list-view .article h2:hover .read-more:hover,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2:hover .read-more:hover {
    text-decoration: none;
  }
  .meta .metacontent .metacontent__container .news-list-view .article h2 .read-more:after,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2 .read-more:after,
  .meta .metacontent .metacontent__container .news-list-view .article h2:hover .read-more:after,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child h2:hover .read-more:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    background: transparent url('vhs-assets-css-eda82ee98c157e8d51d7e3e7a4c64d8b.svg') 0 center no-repeat;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-img-wrap,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-img-wrap {
    background: transparent;
    margin: 0;
    float: right;
  }
  .meta .metacontent .metacontent__container .news-list-view .article .news-img-wrap img,
  .meta .metacontent .metacontent__container .news-list-view .article:last-child .news-img-wrap img {
    margin-bottom: 20px;
    max-width: 100%;
    max-height: 100px;
    width: auto !important;
    height: auto !important;
  }
  .meta .metacontent .metacontent__container header.newsToggler {
    border-top: 1px solid #DFDFD5;
    padding-top: 22px;
    cursor: pointer;
  }
  .meta .metacontent .metacontent__container header.newsToggler h2:after {
    position: absolute;
    width: 40px;
    height: 30px;
    content: "";
    background: transparent url('vhs-assets-css-9d66e5c6123bc50b107a5a7e28501af8.svg') center center no-repeat;
  }
  .meta .metacontent .metacontent__container header.newsToggler.open h2:after {
    background: transparent url('vhs-assets-css-8fd6b96ff483e5feb971259f9be8a7e3.svg') center center no-repeat;
  }
  .meta .metacontent .metacontent__container header.newsToggler + .news {
    display: none;
  }
  .meta .metacontent .metacontent__container .news-single .news-backlink-wrap a {
    background: transparent url('vhs-assets-css-40dcd990bf657c10b4ed9d203ae98f81.svg') 0 1px no-repeat;
    display: block;
    margin-bottom: 20px;
    padding-left: 20px;
    text-decoration: none;
    position: relative;
    top: -18px;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-kategorie {
    display: inline-block;
    float: left;
    padding-right: 26px;
    position: relative;
    margin-bottom: 20px;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-kategorie .kategorie--element {
    display: inline-block;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-kategorie .kategorie--element:after {
    content: ", ";
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-kategorie .kategorie--element:last-child:after {
    display: none;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-kategorie:after {
    position: absolute;
    height: 20px;
    width: 1px;
    right: 12px;
    content: "";
    top: -1px;
    background-color: #000;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-footer {
    display: inline-block;
    float: left;
    height: 20px;
    margin-bottom: 20px;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-footer .text-label {
    display: inline-block;
    margin-bottom: 0;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-footer .text-label .news-list-date {
    display: inline-block;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-footer .text-label .news-list-date time {
    display: inline-block;
  }
  .meta .metacontent .metacontent__container .news-single .newsdetail-body {
    clear: both;
    width: 100%;
  }
  .meta .metacontent .metacontent__container .news-single .project-link a {
    padding: 3px 13px;
    background-color: #1b618c;
    border: 1px solid #979797;
    display: inline-block;
    color: #fff;
    text-decoration: none;
  }
  .meta .metacontent .metacontent__container .news-single .meta-col-3 {
    margin-top: 3px;
  }
  .meta .metacontent .metacontent__container .news-single .meta-col-3 .newsPDF {
    display: block;
    padding: 2px 0 5px 34px;
    background: transparent url('vhs-assets-css-37da9ec6150d7bc8ad408fb03f4b26d3.svg') 0 0 no-repeat;
    margin-bottom: 11px;
    text-decoration: none;
  }
  .meta .metacontent .metacontent__container .news-single .meta-col-3 .newsPDF:before {
    display: none !important;
  }
  .meta .metacontent .metacontent__container .news-single .meta-col-3 .newsWeiterleitung {
    display: block;
    padding: 2px 0 5px 34px;
    background: transparent url('vhs-assets-css-29145dce4b1a85f7015fe83704e4bb2a.svg') 0 0 no-repeat;
    margin-bottom: 11px;
    text-decoration: none;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-searchbox {
    background-color: #fff;
    padding: 20px 30px;
    width: 73.74999999%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
    border: 0 none;
    background-color: #f1f1eb;
    width: 50%;
    line-height: 22px;
    padding: 2px 7px;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
    margin-left: 12px;
    line-height: 22px;
    padding: 2px 7px 2px 26px;
    border: 0 none;
    display: inline-block;
    color: #fff;
    background: #1b618c url('vhs-assets-css-274ba959bc7e84ac5afdd4dfd8510228.svg') 7px center no-repeat;
    cursor: pointer;
  }
  .meta .metacontent .metacontent__container .center-result .bold-result {
    font-weight: bold;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-res {
    margin-bottom: 20px;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-res h3 {
    margin-bottom: 5px;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-res h3 p {
    margin-bottom: 0;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-res .tx-indexedsearch-title a {
    width: 73.74999999%;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
    font-weight: normal;
  }
  .meta .metacontent .metacontent__container .tx-indexedsearch-res p {
    width: 73.74999999%;
  }
}
@media only screen and (max-width: 850px) {
  .barba-container.no-slideshow .cbp-bislideshow li {
    opacity: 1;
  }
  .barba-container.no-slideshow .cbp-bicontrols {
    display: none;
  }
  .barba-container.no-slideshow .bg-control-element__description {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 851px) {
  .navigation--button {
    opacity: 1;
    transition: opacity linear 1s;
  }
  .content {
    transition: background-color linear 1s;
  }
  footer {
    display: none;
  }
  .text-content {
    transition: top ease 1s;
  }
  .text-content--left,
  .hp-text-content--left {
    transition: margin-left ease 1s, left ease 1s, opacity linear 1s, height ease 1s;
    opacity: 1;
    margin-left: 0px;
    left: 0;
  }
  .text-content--left footer,
  .hp-text-content--left footer {
    display: block;
    z-index: -1;
    opacity: 0;
    transition: opacity linear 1s;
  }
  .navigation--breadcrumb {
    opacity: 1;
    transition: opacity linear 1s;
  }
  .vjs-control-bar {
    opacity: 1;
    transition: opacity linear 1s;
  }
  .bg-control-element {
    opacity: 1;
    transition: opacity linear 1s, background-color 0.3s;
  }
  .bg-control-element:hover {
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 1s;
  }
  .project__articlenavigation {
    opacity: 1;
    transition: opacity linear 0.7s;
  }
  .open-navi .text-content--left {
    transition: opacity linear 1s;
    opacity: 0;
  }
  .open-navi .navigation--breadcrumb {
    transition: opacity linear 1s;
    opacity: 0;
  }
  .open-navi .bg-control-element,
  .open-navi .vjs-control-bar {
    transition: opacity linear 1s;
    opacity: 0;
  }
  .open-navi .project__articlenavigation {
    opacity: 0;
    transition: opacity linear 0.7s;
  }
  .barba-container.no-slideshow .cbp-bislideshow li {
    opacity: 1;
  }
  .barba-container.no-slideshow .cbp-bicontrols {
    display: none;
  }
  .barba-container.no-slideshow .bg-control-element__description {
    padding-top: 14px;
  }
  .barba-container.content--faded .text-content--left {
    transition: opacity linear 1s;
    opacity: 0;
  }
  .barba-container.content--faded .navigation--breadcrumb {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.content--faded .project__articlenavigation {
    opacity: 0;
    transition: opacity linear 0.7s;
  }
  .barba-container.content--faded .navigationlayer {
    background-color: transparent;
    transition: background-color 1s;
  }
  .barba-container.content--hidden .text-content--left {
    transition: margin-left ease 1s, left ease 1s;
    left: -44.58333333%;
    margin-left: 64px;
  }
  .barba-container.content--hidden .navigation--breadcrumb {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.content--hidden .project__articlenavigation {
    opacity: 0;
    transition: opacity linear 0.7s;
  }
  .barba-container.content--hidden .navigationlayer {
    background-color: transparent;
    transition: background-color 1s;
  }
  .barba-container.content--open.theme-purple .content {
    background-color: rgba(56, 30, 92, 0.9);
  }
  .barba-container.content--open.theme-green .content {
    background-color: rgba(92, 100, 17, 0.9);
  }
  .barba-container.content--open.theme-red .content {
    background-color: rgba(100, 11, 29, 0.9);
  }
  .barba-container.content--open.theme-cyan .content {
    background-color: rgba(55, 86, 97, 0.9);
  }
  .barba-container.content--open .navigation--button {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.content--open .navigation--breadcrumb {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.content--open .navigationlayer {
    background-color: transparent;
    transition: background-color 1s;
  }
  .barba-container.content--open .project__articlenavigation {
    opacity: 0;
    transition: opacity linear 0.7s;
  }
  .barba-container.content--open .bg-control-element,
  .barba-container.content--open .vjs-control-bar {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.content--open .content {
    z-index: 7;
    transition: background-color linear 1s;
  }
  .barba-container.content--open.theme-purple .content {
    background-color: rgba(56, 30, 92, 0.9);
  }
  .barba-container.content--open.theme-green .content {
    background-color: rgba(92, 100, 17, 0.9);
  }
  .barba-container.content--open.theme-red .content {
    background-color: rgba(100, 11, 29, 0.9);
  }
  .barba-container.content--open.theme-cyan .content {
    background-color: rgba(55, 86, 97, 0.9);
  }
  .barba-container.content--open .text-content {
    top: 120px;
    transition: top ease 1s;
  }
  .barba-container.content--open .text-content .text-content--left {
    transition: height ease 1s;
    height: 500px;
  }
  .barba-container.content--open .text-content .text-content--left .content__hide {
    display: none;
  }
  .barba-container.content--open .text-content .text-content--left .read-more {
    display: none;
  }
  .barba-container.content--open .text-content .text-content--left footer {
    opacity: 1;
    z-index: 7;
    display: block;
    transition: opacity linear 1s;
  }
  .barba-container.content--open .text-content .text-content--right {
    display: block;
  }
  .barba-container.content--open .text-content .close-text-content {
    display: block;
  }
  .barba-container.fullscreen-fallback-transition .navigation--breadcrumb {
    opacity: 0;
    transition: opacity linear 1s;
  }
  .barba-container.fullscreen-fallback-transition .navigationlayer {
    background-color: #1b618c;
    transition: background-color 1s;
  }
  .barba-container.fullscreen-fallback-transition .project__articlenavigation {
    opacity: 0;
    transition: opacity linear 0.7s;
  }
}
@media only screen and (min-width: 851px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn {
    overflow: hidden;
  }
}
@media only screen and (min-width: 851px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column {
    overflow: hidden;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption span.open-figcaption {
    top: -24px;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption span.inner-figcaption {
    display: none;
    position: absolute;
    top: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .ce-gallery .ce-inner .ce-column figcaption.open span.inner-figcaption {
    display: block;
    width: 94%;
    padding: 5px 3%;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .cbp-bicontrols .cbp-biprev {
    width: 25px;
  }
}
@media only screen and (max-width: 850px) {
  .meta .metacontent .metacontent__container .meta_grid .newsdetail-marginalColumn .cbp-bicontrols .cbp-binext {
    width: 25px;
  }
}